diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-09-28 12:07:28 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-09-28 12:07:28 +0900 |
| commit | b4a4d784c3ec847dd19b4b692d66a52c09c9dcb5 (patch) | |
| tree | 2515723bde12235b46c1a42234677fafc04fdfe7 /src | |
| parent | wip (diff) | |
| download | sharkey-b4a4d784c3ec847dd19b4b692d66a52c09c9dcb5.tar.gz sharkey-b4a4d784c3ec847dd19b4b692d66a52c09c9dcb5.tar.bz2 sharkey-b4a4d784c3ec847dd19b4b692d66a52c09c9dcb5.zip | |
wip
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/mobile/views/components/post-form.vue | 24 | ||||
| -rw-r--r-- | src/client/theme/dark.json | 2 | ||||
| -rw-r--r-- | 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", |