web/notify.moe
Code Issues Pull Requests Activity

Improved corner buttons layout

Browse Source
This commit is contained in:
Eduard Urbach 2018-07-07 18:08:10 +09:00
parent b8c9f9e9eb
commit daabaa3bd3
1 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
styles/corner-buttons.scarlet
View File

@ -14,12 +14,24 @@ mixin corner-buttons
corner-buttons corner-buttons
left content-padding left content-padding
.corner-buttons,
.corner-buttons-hide-on-mobile .corner-buttons-hide-on-mobile
display flex display flex
flex-flow row-reverse
position absolute position absolute
top content-padding top content-padding
right content-padding right content-padding
button,
.button
margin-left 0.5rem
position static
opacity 1
< 1200px
.corner-buttons-hide-on-mobile
flex-flow row
.button .button
position absolute position absolute
opacity 0 opacity 0
@ -44,12 +56,6 @@ mixin corner-buttons
:nth-child(5) :nth-child(5)
transform translateX(-400%) transform translateX(-400%)
.corner-buttons,
.corner-buttons-hide-on-mobile
button,
.button
margin-left 0.5rem
< 600px < 600px
.corner-buttons-hide-on-mobile .corner-buttons-hide-on-mobile
display none display none