natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

wip

This commit is contained in:
syuilo 2018-09-28 12:07:28 +09:00
parent d715af0620
commit b4a4d784c3
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
3 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/client/app/mobile/views/components/post-form.vue
View File

@ -324,9 +324,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mk-post-form
root(isDark)
max-width 500px max-width 500px
width calc(100% - 16px) width calc(100% - 16px)
margin 8px auto margin 8px auto
@ -349,20 +347,20 @@ root(isDark)
> header > header
z-index 1000 z-index 1000
height 50px height 50px
box-shadow 0 1px 0 0 isDark ? rgba(#000, 0.2) : rgba(#000, 0.1) box-shadow 0 1px 0 0 var(--mobilePostFormDivider)
> .cancel > .cancel
padding 0 padding 0
width 50px width 50px
line-height 50px line-height 50px
font-size 24px font-size 24px
color isDark ? #9baec8 : #555 color var(--text)
> div > div
position absolute position absolute
top 0 top 0
right 0 right 0
color #657786 color var(--text)
> .text-count > .text-count
line-height 50px line-height 50px
@ -396,7 +394,7 @@ root(isDark)
> span > span
margin-right 16px margin-right 16px
color isDark ? #fff : #666 color var(--text)
> input > input
z-index 1 z-index 1
@ -408,11 +406,11 @@ root(isDark)
margin 0 margin 0
width 100% width 100%
font-size 16px font-size 16px
color isDark ? #fff : #333 color var(--inputText)
background isDark ? #191d23 : #fff background var(--mobilePostFormTextareaBg)
border none border none
border-radius 0 border-radius 0
box-shadow 0 1px 0 0 isDark ? rgba(#000, 0.2) : rgba(#000, 0.1) box-shadow 0 1px 0 0 var(--mobilePostFormDivider)
&:disabled &:disabled
opacity 0.5 opacity 0.5
@ -481,10 +479,4 @@ root(isDark)
> * > *
margin-right 8px margin-right 8px
.mk-post-form[data-darkmode]
root(true)
.mk-post-form:not([data-darkmode])
root(false)
</style> </style>

2
src/client/theme/dark.json
View File

@ -131,6 +131,8 @@
"mobileHeaderBg": ":lighten<5<$secondary", "mobileHeaderBg": ":lighten<5<$secondary",
"mobileHeaderFg": "$text", "mobileHeaderFg": "$text",
"mobileNavBackdrop": "rgba(0, 0, 0, 0.7)", "mobileNavBackdrop": "rgba(0, 0, 0, 0.7)",
"mobilePostFormDivider": "rgba(0, 0, 0, 0.2)",
"mobilePostFormTextareaBg": "rgba(0, 0, 0, 0.3)",
"mobileHomeTlItemHover": "rgba(255, 255, 255, 0.1)", "mobileHomeTlItemHover": "rgba(255, 255, 255, 0.1)",
"mobileUserPageName": "#fff", "mobileUserPageName": "#fff",
"mobileUserPageAcct": "$text", "mobileUserPageAcct": "$text",

2
src/client/theme/light.json
View File

@ -131,6 +131,8 @@
"mobileHeaderBg": ":lighten<5<$secondary", "mobileHeaderBg": ":lighten<5<$secondary",
"mobileHeaderFg": "$text", "mobileHeaderFg": "$text",
"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)", "mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
"mobilePostFormDivider": "rgba(0, 0, 0, 0.1)",
"mobilePostFormTextareaBg": "#fff",
"mobileHomeTlItemHover": "rgba(0, 0, 0, 0.05)", "mobileHomeTlItemHover": "rgba(0, 0, 0, 0.05)",
"mobileUserPageName": "#757c82", "mobileUserPageName": "#757c82",
"mobileUserPageAcct": "#969ea5", "mobileUserPageAcct": "#969ea5",