experiments
/
cloudtube_fork
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix data deletion checkbox styles

This commit is contained in:
Cadence Ember 2022-01-13 18:19:56 +13:00
parent 109dcd22de
commit 893684c311
No known key found for this signature in database
GPG Key ID: BC1C2C61CF521B17
1 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
sass/includes/_forms.sass
View File

@ -103,15 +103,6 @@ fieldset
@include acts-like-button @include acts-like-button
cursor: pointer cursor: pointer
@mixin checkbox-hider($base)
##{$base}
position: relative
left: 10px
display: block
z-index: 1
height: 42px
margin: 0
.checkbox-hider__container .checkbox-hider__container
position: relative position: relative
display: grid // why does the default not work??? display: grid // why does the default not work???
@ -122,9 +113,30 @@ fieldset
border-radius: 8px border-radius: 8px
margin-bottom: -18px margin-bottom: -18px
.checkbox-hider__label .checkbox-hider__label
padding: 12px 0px 12px 32px padding: 12px 0px 12px 32px
cursor: pointer cursor: pointer
@mixin checkbox-hider($base)
##{$base}
position: relative
left: 10px
display: block
z-index: 1
height: 42px
margin: 0
/*
automatically add these styles too
this means that components based off this can either add the .checkbox-hider__container class, or they can add the .base-name-container class,
depending on which one is more reasonable in the moment
for example, .delete-confirm-container takes advantage of the @extend here.
.#{$base}-container
@extend .checkbox-hider__container
.#{$base}-label
@extend .checkbox-hider__label
@mixin single-button-form @mixin single-button-form
display: inline-block display: inline-block