mirror of
https://git.sr.ht/~cadence/cloudtube
synced 2024-11-21 23:27:30 +00:00
Fix data deletion checkbox styles
This commit is contained in:
parent
109dcd22de
commit
893684c311
@ -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???
|
||||||
@ -126,6 +117,27 @@ fieldset
|
|||||||
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
|
||||||
white-space: pre-wrap // preserve whitespace inside the form at the edge
|
white-space: pre-wrap // preserve whitespace inside the form at the edge
|
||||||
|
Loading…
Reference in New Issue
Block a user