about summary refs log tree commit diff
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2018-08-19 17:14:30 +0200
committerThibG <thib@sitedethib.com>2018-08-20 20:10:53 +0200
commitb230c04e005d41df056c875be1db70b0762621b0 (patch)
treeb6a8f6a54b0956fe6339268a6387111bf8868c9c
parent24f39c08419093b2559d44e866d14af0151ab7a8 (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.js1
-rw-r--r--app/javascript/flavours/glitch/styles/components/composer.scss6
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);
+      }
+    }
   }
 }