From 4f926722ea6784ea389013378fd233f59077ec8a Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 19 Nov 2020 11:12:01 +0100 Subject: Upgrade client dependencies Migrate removed primeng theme to custom CSS --- .../shared-forms/input-switch.component.scss | 44 ++++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 client/src/app/shared/shared-forms/input-switch.component.scss (limited to 'client/src/app/shared/shared-forms/input-switch.component.scss') diff --git a/client/src/app/shared/shared-forms/input-switch.component.scss b/client/src/app/shared/shared-forms/input-switch.component.scss new file mode 100644 index 000000000..c14950bd7 --- /dev/null +++ b/client/src/app/shared/shared-forms/input-switch.component.scss @@ -0,0 +1,44 @@ +@import '_variables'; +@import '_mixins'; + +input { + position: absolute; + visibility: hidden; + + & + label { + cursor: pointer; + text-indent: -9999px; + width: 35px; + height: 20px; + background: #cccccc; + display: block; + border-radius: 100px; + position: relative; + margin: 0; + + &:after { + content: ''; + position: absolute; + top: 3px; + left: 3px; + width: 14px; + height: 14px; + background: pvar(--mainBackgroundColor); + border-radius: 50%; + transition: 0.3s ease-out; + } + + &:active:after { + width: 40px; + } + } + + &:checked + label { + background: pvar(--mainColor); + + &:after { + left: calc(100% - 3px); + transform: translateX(-100%); + } + } +} -- cgit v1.2.3