oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

wip

Browse source
This commit is contained in:
syuilo 2018-06-14 21:38:39 +09:00
parent dec7d537dc
commit d90f75425f
5 changed files with 33 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/client/app/common/views/components/ui/input.vue
View file

@ -153,7 +153,7 @@ root(isDark, fill)
width 24px
text-align center
line-height 32px
color rgba(#000, 0.54)
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
&:not(:empty) + .input
margin-left 28px
@ -174,7 +174,7 @@ root(isDark, fill)
left 0
right 0
height 1px
background rgba(#000, 0.42)
background isDark ? rgba(#fff, 0.7) : rgba(#000, 0.42)
&:after
content ''
@ -232,7 +232,7 @@ root(isDark, fill)
transition-duration 0.3s
font-size 16px
line-height 32px
color rgba(#000, 0.54)
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
pointer-events none
//will-change transform
transform-origin top left
@ -247,6 +247,7 @@ root(isDark, fill)
font-weight fill ? bold : normal
font-size 16px
line-height 32px
color isDark ? #fff : #000
background transparent
border none
border-radius 0
@ -263,7 +264,7 @@ root(isDark, fill)
justify-self center
font-size 16px
line-height 32px
color rgba(#000, 0.54)
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
pointer-events none
> *
@ -299,9 +300,9 @@ root(isDark, fill)
&.filled
> .input
> .label
top fill ? -24px : -16px
top fill ? -24px : -17px
left 0 !important
transform scale(0.8)
transform scale(0.75)
.ui-input[data-darkmode]
&.fill