Lomanic/cloudtube
1
0
Fork 0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2024-11-21 23:27:30 +00:00
Code Issues Releases Wiki Activity

Fix data deletion checkbox styles

Browse Source
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

32
sass/includes/_forms.sass
View File

@ -103,15 +103,6 @@ fieldset
@include acts-like-button
cursor: pointer
@mixin checkbox-hider($base)
##{$base}
position: relative
left: 10px
display: block
z-index: 1
height: 42px
margin: 0
.checkbox-hider__container
position: relative
display: grid // why does the default not work???
@ -122,10 +113,31 @@ fieldset
border-radius: 8px
margin-bottom: -18px
.checkbox-hider__label
.checkbox-hider__label
padding: 12px 0px 12px 32px
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
display: inline-block
white-space: pre-wrap // preserve whitespace inside the form at the edge