From b4a4d784c3ec847dd19b4b692d66a52c09c9dcb5 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 28 Sep 2018 12:07:28 +0900
Subject: [PATCH] wip
---
.../app/mobile/views/components/post-form.vue | 24 +++++++------------
src/client/theme/dark.json | 2 ++
src/client/theme/light.json | 2 ++
3 files changed, 12 insertions(+), 16 deletions(-)
diff --git a/src/client/app/mobile/views/components/post-form.vue b/src/client/app/mobile/views/components/post-form.vue
index 6ada5e60ee..fe8e30a41d 100644
--- a/src/client/app/mobile/views/components/post-form.vue
+++ b/src/client/app/mobile/views/components/post-form.vue
@@ -324,9 +324,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
-
-
-root(isDark)
+.mk-post-form
max-width 500px
width calc(100% - 16px)
margin 8px auto
@@ -349,20 +347,20 @@ root(isDark)
> header
z-index 1000
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
padding 0
width 50px
line-height 50px
font-size 24px
- color isDark ? #9baec8 : #555
+ color var(--text)
> div
position absolute
top 0
right 0
- color #657786
+ color var(--text)
> .text-count
line-height 50px
@@ -396,7 +394,7 @@ root(isDark)
> span
margin-right 16px
- color isDark ? #fff : #666
+ color var(--text)
> input
z-index 1
@@ -408,11 +406,11 @@ root(isDark)
margin 0
width 100%
font-size 16px
- color isDark ? #fff : #333
- background isDark ? #191d23 : #fff
+ color var(--inputText)
+ background var(--mobilePostFormTextareaBg)
border none
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
opacity 0.5
@@ -481,10 +479,4 @@ root(isDark)
> *
margin-right 8px
-.mk-post-form[data-darkmode]
- root(true)
-
-.mk-post-form:not([data-darkmode])
- root(false)
-
</style>
diff --git a/src/client/theme/dark.json b/src/client/theme/dark.json
index 6aa9bf86b6..3d3c9b37c7 100644
--- a/src/client/theme/dark.json
+++ b/src/client/theme/dark.json
@@ -131,6 +131,8 @@
"mobileHeaderBg": ":lighten<5<$secondary",
"mobileHeaderFg": "$text",
"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)",
"mobileUserPageName": "#fff",
"mobileUserPageAcct": "$text",
diff --git a/src/client/theme/light.json b/src/client/theme/light.json
index 1cd77c7d61..d4dd246542 100644
--- a/src/client/theme/light.json
+++ b/src/client/theme/light.json
@@ -131,6 +131,8 @@
"mobileHeaderBg": ":lighten<5<$secondary",
"mobileHeaderFg": "$text",
"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
+ "mobilePostFormDivider": "rgba(0, 0, 0, 0.1)",
+ "mobilePostFormTextareaBg": "#fff",
"mobileHomeTlItemHover": "rgba(0, 0, 0, 0.05)",
"mobileUserPageName": "#757c82",
"mobileUserPageAcct": "#969ea5",