diff options
| author | Ondřej Hruška <ondra@ondrovo.com> | 2017-07-10 10:16:30 +0200 |
|---|---|---|
| committer | beatrix <beatrix.bitrot@gmail.com> | 2017-07-10 10:21:20 -0400 |
| commit | 9f7a5aac1e7e11bb433a040f468a53bc39fcb683 (patch) | |
| tree | 9fcbdd6e32105740b9f0f3626bf534a417ff74a9 | |
| parent | 945c5812d37f6bc44c3d820ed3506d5566a9208d (diff) | |
Toot context menu is now centered
| -rw-r--r-- | app/javascript/styles/components.scss | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index ce1e69623..a14929af9 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -733,6 +733,23 @@ float: left; height: 18px; width: 18px; + + // Dropdown style override for centering on the icon + .dropdown--active { + position: relative; + + .dropdown__content.dropdown__right { + left: calc(50% + 3px); + right: initial; + transform: translate(-50%, 0); + top: 22px; + } + + &::after { + right: 1px; + bottom: -2px; + } + } } .detailed-status__action-bar-dropdown { |