diff options
author | kibigo! <marrus-sh@users.noreply.github.com> | 2018-01-05 20:04:13 -0800 |
---|---|---|
committer | kibigo! <marrus-sh@users.noreply.github.com> | 2018-01-05 20:43:16 -0800 |
commit | ad10a80a9925c247ef14837d3a14ff7e7375f001 (patch) | |
tree | 6af7809a0a3c0c043e496274711c912bbf9acf98 /app/javascript/flavours/glitch/styles/components/composer.scss | |
parent | 8bf9d9362a4eeb774d849887c1645b3175d73828 (diff) |
Styling and autosuggest fixes for #293
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/composer.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/composer.scss | 62 |
1 files changed, 27 insertions, 35 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss index 46df79906..ab5fa4712 100644 --- a/app/javascript/flavours/glitch/styles/components/composer.scss +++ b/app/javascript/flavours/glitch/styles/components/composer.scss @@ -52,22 +52,7 @@ margin-bottom: 5px; overflow: hidden; - & > .account { - & > .avatar { - float: left; - margin-right: 5px; - } - - & > .display_name { - color: $ui-base-color; - display: block; - padding-right: 25px; - max-width: 100%; - line-height: 24px; - text-decoration: none; - overflow: hidden; - } - } + & > .account.small { color: $ui-base-color } & > .cancel { float: right; @@ -87,34 +72,34 @@ overflow: visible; white-space: pre-wrap; padding-top: 5px; - } - - .emojione { - width: 20px; - height: 20px; - margin: -5px 0 0; - } - p { - margin-bottom: 20px; + p { + margin-bottom: 20px; - &:last-child { margin-bottom: 0 } - } + &:last-child { margin-bottom: 0 } + } - a { - color: lighten($ui-base-color, 20%); - text-decoration: none; + a { + color: lighten($ui-base-color, 20%); + text-decoration: none; - &:hover { text-decoration: underline } + &:hover { text-decoration: underline } - &.mention { - &:hover { - text-decoration: none; + &.mention { + &:hover { + text-decoration: none; - span { text-decoration: underline } + span { text-decoration: underline } + } } } } + + .emojione { + width: 20px; + height: 20px; + margin: -5px 0 0; + } } .composer--textarea { @@ -175,6 +160,7 @@ padding: 10px; font-size: 14px; line-height: 18px; + overflow: hidden; cursor: pointer; &:hover, @@ -191,6 +177,12 @@ height: 18px; } } + + & > .account.small { + .display-name { + & > span { color: lighten($ui-base-color, 36%) } + } + } } .composer--upload_form { |