diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2018-03-02 07:12:40 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-02 07:12:40 +0100 |
| commit | e72db6d9dd53a9d44f641bdf6bce7e64548e7d94 (patch) | |
| tree | e4d197ff86e1f7f4c9b66068d5fdf0101a567df8 /app/javascript/styles | |
| parent | 036dd98abb1fe6ae1d25ff0f3ecffe4dd9a79ea3 (diff) | |
Move "compose" on mobile to floating action button (#6594)
* Move "compose" on mobile to floating action button * Fix contrast on floating action button
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/mastodon/components.scss | 27 |
1 files changed, 25 insertions, 2 deletions
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 90c07f569..626f51534 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -1878,7 +1878,7 @@ font-size: 14px; font-weight: 500; border-bottom: 2px solid lighten($ui-base-color, 8%); - transition: all 200ms linear; + transition: all 50ms linear; .fa { font-weight: 400; @@ -1895,7 +1895,6 @@ &:active { @media screen and (min-width: 631px) { background: lighten($ui-base-color, 14%); - transition: all 100ms linear; } } @@ -5024,3 +5023,27 @@ noscript { left: 0; } } + +.floating-action-button { + position: fixed; + display: flex; + justify-content: center; + align-items: center; + width: 3.9375rem; + height: 3.9375rem; + bottom: 1.3125rem; + right: 1.3125rem; + background: darken($ui-highlight-color, 3%); + color: $white; + border-radius: 50%; + font-size: 21px; + line-height: 21px; + text-decoration: none; + box-shadow: 2px 3px 9px rgba($base-shadow-color, 0.4); + + &:hover, + &:focus, + &:active { + background: lighten($ui-highlight-color, 7%); + } +} |