diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2017-10-01 12:20:00 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-10-01 12:20:00 +0200 |
| commit | cdad7977fc94cd6a1a97841ed0f25e8504cb80d6 (patch) | |
| tree | ba164d7ea8a1528708beda57f3fe13dc7334ef10 /app/javascript/styles/components.scss | |
| parent | 0b3f1ec62a08ab2aad2b7c1ab8f88bdac5e8a3c6 (diff) | |
Improve privacy dropdown, remove react-simple-dropdown dependency (#5140)
* Improve privacy dropdown, remove react-simple-dropdown dependency * Animate privacy warning * Fix react-router-scroll
Diffstat (limited to 'app/javascript/styles/components.scss')
| -rw-r--r-- | app/javascript/styles/components.scss | 27 |
1 files changed, 16 insertions, 11 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 5ea0d134e..caa7c0787 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -1275,7 +1275,7 @@ background: $ui-secondary-color; padding: 4px 0; border-radius: 4px; - box-shadow: 0 0 15px rgba($base-shadow-color, 0.4); + box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4); ul { list-style: none; @@ -2805,19 +2805,12 @@ button.icon-button.active i.fa-retweet { filter: none; } -.privacy-dropdown { - position: relative; -} - .privacy-dropdown__dropdown { - display: none; position: absolute; - left: 0; - top: 27px; - width: 230px; background: $simple-background-color; - border-radius: 0 4px 4px; - z-index: 2; + box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4); + border-radius: 4px; + margin-left: 40px; overflow: hidden; } @@ -2869,6 +2862,18 @@ button.icon-button.active i.fa-retweet { background: $simple-background-color; border-radius: 4px 4px 0 0; box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1); + + .icon-button { + transition: none; + } + + &.active { + background: $ui-highlight-color; + + .icon-button { + color: $primary-text-color; + } + } } .privacy-dropdown__dropdown { |