diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-08-19 17:14:30 +0200 |
|---|---|---|
| committer | ThibG <thib@sitedethib.com> | 2018-08-20 20:10:53 +0200 |
| commit | b230c04e005d41df056c875be1db70b0762621b0 (patch) | |
| tree | b6a8f6a54b0956fe6339268a6387111bf8868c9c | |
| parent | 24f39c08419093b2559d44e866d14af0151ab7a8 (diff) | |
Make the privacy dropdown button not look strange when using top placement
Inspired by 8fe1f8d4cecb9f2f749c1e1e77b2439dd640ddc5
| -rw-r--r-- | app/javascript/flavours/glitch/features/composer/options/dropdown/index.js | 1 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/composer.scss | 6 |
2 files changed, 7 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/features/composer/options/dropdown/index.js b/app/javascript/flavours/glitch/features/composer/options/dropdown/index.js index b3462e25a..8cfbac1bb 100644 --- a/app/javascript/flavours/glitch/features/composer/options/dropdown/index.js +++ b/app/javascript/flavours/glitch/features/composer/options/dropdown/index.js @@ -168,6 +168,7 @@ export default class ComposerOptionsDropdown extends React.PureComponent { const computedClass = classNames('composer--options--dropdown', { active, open, + top: placement === 'top', }); // The result. diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss index fab94d8c3..2267b798c 100644 --- a/app/javascript/flavours/glitch/styles/components/composer.scss +++ b/app/javascript/flavours/glitch/styles/components/composer.scss @@ -406,6 +406,12 @@ background: $ui-highlight-color; transition: none; } + &.top { + & > .value { + border-radius: 0 0 4px 4px; + box-shadow: 0 4px 4px rgba($base-shadow-color, 0.1); + } + } } } |