scl/szurubooru
1
0
Fork 0
mirror of https://github.com/rr-/szurubooru.git synced 2025-07-17 08:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

client/css: align radioboxes to first line

Browse Source
This commit is contained in:
rr-
2016-10-22 12:28:09 +02:00
parent e71718c50d
commit 9aa59a228e
5 changed files with 67 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/css/core-forms.styl
View File

@ -65,10 +65,9 @@ input[type=radio], input[type=checkbox]
.radio:before, .checkbox:before
transition: border-color 0.1s linear
position: absolute
top: 50%
left: 0
top: 0.15em
display: block
margin-top: -10px
width: 16px
height: 16px
background: $input-enabled-background-color
@ -79,10 +78,10 @@ input[type=radio], input[type=checkbox]
background: $main-color
transition: opacity 0.1s linear
position: absolute
top: 50%
left: 5px
top: 0.15em
margin-top: 5px
display: block
margin-top: -5px
width: 10px
height: 10px
border-radius: 50%
@ -92,10 +91,10 @@ input[type=radio], input[type=checkbox]
.checkbox:after
transition: opacity 0.1s linear
position: absolute
top: 50%
top: 0.15em
left: 6px
display: block
margin-top: -7px
margin-top: 3px
width: 5px
height: 9px
border-right: 3px solid $main-color

8
client/css/post-upload.styl
View File

@ -39,20 +39,24 @@ $cancel-button-color = tomato
margin-top: 1em
.uploadables-container
line-height: 200%
li
margin: 0 0 1.2em 0
.uploadable
.file
margin: 0.3em 0
overflow: hidden
white-space: nowrap
text-align: left
text-overflow: ellipsis
.anonymous
margin: 0.3em 0
.safety
margin: 0.3em 0
label
display: inline-block
margin-right: 1em
.thumbnail-wrapper

9
client/css/post-view.styl
View File

@ -120,11 +120,12 @@
margin-bottom: 1em
.safety
display: flex
flex-wrap: wrap
label:not(.radio)
&>label
width: 100%
.radio
.radio-wrapper
display: flex
flex-wrap: wrap
.radio-wrapper label
flex-grow: 1
display: inline-block