diff options
author | 2019-12-17 22:10:31 +0200 | |
---|---|---|
committer | 2019-12-17 22:10:31 +0200 | |
commit | eafbe7ef997988a6922d004703dcd35dd28bf991 (patch) | |
tree | 1a71e856cdedbfe5b0d5058962b3a411d0285ee7 /vid-webpack-master/src/app/shared/components/formControls/component/checkbox/checkbox.formControl.component.scss | |
parent | 4bfa2df6e5735b0060a88e4661f38b955094d1a1 (diff) |
Add details in template list popup
Issue-ID: VID-730
Signed-off-by: Yoav Schneiderman <yoav.schneiderman@intl.att.com>
Change-Id: I7042e85a1e12e7d5d9a19b5cc1eb92c65ea08134
Diffstat (limited to 'vid-webpack-master/src/app/shared/components/formControls/component/checkbox/checkbox.formControl.component.scss')
-rw-r--r-- | vid-webpack-master/src/app/shared/components/formControls/component/checkbox/checkbox.formControl.component.scss | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/shared/components/formControls/component/checkbox/checkbox.formControl.component.scss b/vid-webpack-master/src/app/shared/components/formControls/component/checkbox/checkbox.formControl.component.scss new file mode 100644 index 000000000..005e28cc6 --- /dev/null +++ b/vid-webpack-master/src/app/shared/components/formControls/component/checkbox/checkbox.formControl.component.scss @@ -0,0 +1,41 @@ +.details-item input { + cursor: pointer; + opacity: 0; + position: absolute; + z-index: 100; + width: 24px; + height: 22px; + margin: 0; +} + +.details-item label { + position: relative; + cursor: pointer; +} + +.details-item label:before { + content:''; + -webkit-appearance: none; + background-color: transparent; + border: 2px solid #0079bf; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); + padding: 10px; + display: inline-block; + position: relative; + vertical-align: middle; + cursor: pointer; + margin-right: 5px; +} + +.details-item input:checked + label:after { + content: ''; + display: block; + position: absolute; + top: 2px; + left: 9px; + width: 6px; + height: 14px; + border: solid #0079bf; + border-width: 0 2px 2px 0; + transform: rotate(45deg); +} |