diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-08-31 13:34:11 +0200 |
|---|---|---|
| committer | ThibG <thib@sitedethib.com> | 2018-08-31 18:33:46 +0200 |
| commit | 5f035a2a1acbd6072b556837b5dd647a0fdbf263 (patch) | |
| tree | d4bb8c435f6de24fbdb70d4b1876234ab231cf0a /app/javascript/flavours/glitch/styles/components/columns.scss | |
| parent | 70c308c4aa97acaaf6354420bee7d843ddf97d13 (diff) | |
[Glitch] Move "compose" on mobile to floating action button
Port e72db6d9dd53a9d44f641bdf6bce7e64548e7d94 to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/columns.scss')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/columns.scss | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss index c61cd038f..86c77f980 100644 --- a/app/javascript/flavours/glitch/styles/components/columns.scss +++ b/app/javascript/flavours/glitch/styles/components/columns.scss @@ -503,3 +503,27 @@ margin-left: 5px; } } + +.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%); + } +} |