fixing a toggle alignment issues that is present on non-bootstrap web…

…sites
adamculpepper · Aug 20, 2020 · 4d318e0 · 4d318e0
1 parent 4c6e078
commit 4d318e0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -32,7 +32,7 @@
 					<div class="col-12 py-3">
 						<div class="row">
 							<div class="col-lg-9">
-								<h1>Toggle Switchy<span class="h5 ml-2">v1.13</span></h1>
+								<h1>Toggle Switchy<span class="h5 ml-2">v1.14</span></h1>
 								<h2 class="h4">A pure CSS toggle switch for form input checkboxes</h2>
 							</div>
 							<div class="col-lg-3 d-block d-lg-flex align-items-center mt-4 mt-lg-0">

diff --git a/toggle-switchy.css b/toggle-switchy.css
@@ -1,7 +1,12 @@
 /*
-Toggle Switchy v1.13
-by Adam Culpepper | @adamculpepper
-https://toggleswitchy.com
+Project:	Toggle Switchy
+Version:	1.14
+Updated:	8/20/2020
+Author:		Adam Culpepper | @adamculpepper
+Website:	https://toggleswitchy.com
+Docs:		https://github.com/adamculpepper/toggle-switchy
+Issues:		https://github.com/adamculpepper/toggle-switchy/issues
+Releases:	https://github.com/adamculpepper/toggle-switchy/releases
 */
 
 /* Customizable styles */
@@ -34,7 +39,7 @@ CORE STYLES BELOW - NO TOUCHY
 .toggle-switchy > input[disabled] + .toggle {opacity:0.5;}
 .toggle-switchy > input[disabled] + .toggle:hover {cursor:not-allowed;}
 .toggle-switchy > input + .toggle {width:100%; height:100%; margin:0; cursor:pointer;}
-.toggle-switchy > input + .toggle > .switch {display:block; height:100%; position:absolute; right:0; z-index:3;}
+.toggle-switchy > input + .toggle > .switch {display:block; height:100%; position:absolute; right:0; z-index:3; box-sizing:border-box;}
 
 /* Labels */
 .toggle-switchy > input + .toggle:before,