sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
syuilo
2018-09-27 22:50:34 +09:00
parent 0c7111b438
commit 1e9eeeb980
11 changed files with 47 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/app/common/views/components/ui/form/radio.vue
View File

@@ -62,7 +62,7 @@ root(isDark)
&:hover
> .button
border solid 2px isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
border solid 2px var(--inputLabel)
&.disabled
opacity 0.6

10
src/client/app/common/views/components/ui/input.vue
View File

@@ -167,7 +167,7 @@ root(isDark, fill)
width 24px
text-align center
line-height 32px
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
color var(--inputLabel)
&:not(:empty) + .input
margin-left 28px
@@ -183,7 +183,7 @@ root(isDark, fill)
left 0
right 0
height 1px
background isDark ? rgba(#fff, 0.7) : rgba(#000, 0.42)
background var(--inputBorder)
&:after
content ''
@@ -242,7 +242,7 @@ root(isDark, fill)
transition-duration 0.3s
font-size 16px
line-height 32px
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
color var(--inputLabel)
pointer-events none
//will-change transform
transform-origin top left
@@ -257,7 +257,7 @@ root(isDark, fill)
font-weight fill ? bold : normal
font-size 16px
line-height 32px
color isDark ? #fff : #000
color var(--inputText)
background transparent
border none
border-radius 0
@@ -280,7 +280,7 @@ root(isDark, fill)
top 0
font-size 16px
line-height fill ? 44px : 32px
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
color var(--inputLabel)
pointer-events none
&:empty

2
src/client/app/common/views/components/ui/radio.vue
View File

@@ -87,7 +87,7 @@ root(isDark)
width 20px
height 20px
background none
border solid 2px isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
border solid 2px var(--inputLabel)
border-radius 100%
transition inherit

4
src/client/app/common/views/components/ui/select.vue
View File

@@ -103,7 +103,7 @@ root(isDark, fill)
left 0
right 0
height 1px
background isDark ? rgba(#fff, 0.7) : rgba(#000, 0.42)
background var(--inputBorder)
&:after
content ''
@@ -143,7 +143,7 @@ root(isDark, fill)
font-weight fill ? bold : normal
font-size 16px
height 32px
color isDark ? #fff : #000
color var(--inputText)
background transparent
border none
border-radius 0

24
src/client/app/common/views/components/ui/textarea.vue
View File

@@ -63,9 +63,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark, fill)
root(fill)
margin 42px 0 32px 0
> .input
@@ -84,7 +82,7 @@ root(isDark, fill)
left 0
right 0
background none
border solid 1px isDark ? rgba(#fff, 0.7) : rgba(#000, 0.42)
border solid 1px var(--inputBorder)
border-radius 3px
pointer-events none
@@ -112,7 +110,7 @@ root(isDark, fill)
transition-duration 0.3s
font-size 16px
line-height 32px
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.54)
color var(--inputLabel)
pointer-events none
//will-change transform
transform-origin top left
@@ -126,7 +124,7 @@ root(isDark, fill)
font inherit
font-weight fill ? bold : normal
font-size 16px
color isDark ? #fff : #000
color var(--inputText)
background transparent
border none
border-radius 0
@@ -159,16 +157,10 @@ root(isDark, fill)
left 0 !important
transform scale(0.75)
.ui-textarea[data-darkmode]
&.fill
root(true, true)
&:not(.fill)
root(true, false)
.ui-textarea.fill
root(true)
.ui-textarea:not([data-darkmode])
&.fill
root(false, true)
&:not(.fill)
root(false, false)
.ui-textarea:not(.fill)
root(false)
</style>