diff options
| author | Henry Jameson <me@hjkos.com> | 2018-11-21 21:40:45 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-11-21 21:40:45 +0300 |
| commit | 18e0828ee7bf4d90267db62bc079e1d8b3cf45ee (patch) | |
| tree | 44f86a0cfe3a4f3724bb2e5748a7a7a2c6ebc2b5 /src | |
| parent | b3ec3d450c8daf100ae7654c8db69551aa5b1a75 (diff) | |
last shadow override i wanted to make for now. also small tweak
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 1 | ||||
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 2 | ||||
| -rw-r--r-- | src/components/style_switcher/style_switcher.js | 2 | ||||
| -rw-r--r-- | src/services/style_setter/style_setter.js | 8 |
4 files changed, 12 insertions, 1 deletions
diff --git a/src/App.scss b/src/App.scss index a41140ef..e8aa5846 100644 --- a/src/App.scss +++ b/src/App.scss @@ -430,6 +430,7 @@ nav { color: $fallback--faint; color: var(--faint, $fallback--faint); box-shadow: 0px 0px 4px rgba(0,0,0,.6); + box-shadow: var(--topBarShadow); } .fade-enter-active, .fade-leave-active { diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 751b048a..1c79cab3 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -258,6 +258,8 @@ position: absolute; z-index: 1; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); + // this doesn't match original but i don't care, making it uniform. + box-shadow: var(--popupShadow); min-width: 75%; background: $fallback--bg; background: var(--bg, $fallback--bg); diff --git a/src/components/style_switcher/style_switcher.js b/src/components/style_switcher/style_switcher.js index d0f72427..c39aa95b 100644 --- a/src/components/style_switcher/style_switcher.js +++ b/src/components/style_switcher/style_switcher.js @@ -259,7 +259,7 @@ export default { return [...Object.values(this.preview.rules), 'color: var(--text)'].join(';') }, shadowsAvailable () { - return Object.keys(this.previewTheme.shadows) + return Object.keys(this.previewTheme.shadows).sort() }, currentShadowOverriden: { get () { diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js index 60eec7ea..20f54a84 100644 --- a/src/services/style_setter/style_setter.js +++ b/src/services/style_setter/style_setter.js @@ -301,6 +301,14 @@ const generateShadows = (input) => { color: '#000000', alpha: 0.6 }], + topBar: [{ + x: 0, + y: 0, + blur: 4, + spread: 0, + color: '#000000', + alpha: 0.6 + }], popup: [{ x: 2, y: 2, |