From c94f5181cf309900debeee5707037b970463c645 Mon Sep 17 00:00:00 2001 From: Sagnik Ganguly Date: Tue, 14 Feb 2023 17:58:16 +0530 Subject: [PATCH] FIXED: SGNForms: SGNToggle: Some minor bug fixes. --- src/css/components/SGNForms/inputs/toggle.css | 30 +++++++++---------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/css/components/SGNForms/inputs/toggle.css b/src/css/components/SGNForms/inputs/toggle.css index f17eb504..501f415c 100644 --- a/src/css/components/SGNForms/inputs/toggle.css +++ b/src/css/components/SGNForms/inputs/toggle.css @@ -1,23 +1,23 @@ /* - * Copyright (c) 2022 SGNetworks. All rights reserved. + * Copyright (c) 2022-2023 SGNetworks. All rights reserved. * * The software is an exclusive copyright of "SGNetworks" and is provided as is exclusively with only "USAGE" access. "Modification", "Alteration", "Re-distribution" is completely prohibited. * VIOLATING THE ABOVE TERMS IS A PUNISHABLE OFFENSE WHICH MAY LEAD TO LEGAL CONSEQUENCES. */ -.sgn-form { +.sgn-form.sgn-input-toggle { display: inline-flex; align-items: center; justify-content: center; --height: 28px; } -.sgn-form, -.sgn-form > .sgn-form-wrapper, -.sgn-form > .sgn-form-wrapper > .sgn-input-wrapper, -.sgn-form > .sgn-form-wrapper > .sgn-input-wrapper > .slider-wrapper, -.sgn-form > .sgn-form-wrapper > .sgn-input-wrapper > .slider-wrapper > .slider-switch, -.sgn-form > .sgn-form-wrapper > .sgn-input-wrapper > .slider-wrapper > .slider-text { +.sgn-form.sgn-input-toggle, +.sgn-form.sgn-input-toggle > .sgn-form-wrapper, +.sgn-form.sgn-input-toggle > .sgn-form-wrapper > .sgn-input-wrapper, +.sgn-form.sgn-input-toggle > .sgn-form-wrapper > .sgn-input-wrapper > .slider-wrapper, +.sgn-form.sgn-input-toggle > .sgn-form-wrapper > .sgn-input-wrapper > .slider-wrapper > .slider-switch, +.sgn-form.sgn-input-toggle > .sgn-form-wrapper > .sgn-input-wrapper > .slider-wrapper > .slider-text { height: 100%; min-height: var(--height); } @@ -55,13 +55,13 @@ } .toggle-switch-bar::before { - background-color: #A7A9BC; - border-color: #A7A9BC; + background-color: #a7a9bc; + border-color: #a7a9bc; border-radius: 20px; border-style: solid; border-width: 1px; bottom: 0; - content: ' '; + content: " "; display: block; left: 0; position: absolute; @@ -71,9 +71,9 @@ } .toggle-switch-bar > .toggle-switch-handle { - content: ''; - background-color: #FFF; - border-color: #FFF; + content: ""; + background-color: #ffffff; + border-color: #ffffff; border-radius: 24px; border-style: solid; border-width: 1px; @@ -98,7 +98,7 @@ } .toggle-switch-bar > .toggle-switch-label > span { - color: #FFF; + color: #ffffff; position: relative; text-align: center; width: auto;