diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2019-04-21 12:44:30 +0200 |
|---|---|---|
| committer | ThibG <thib@sitedethib.com> | 2019-04-22 20:15:47 +0200 |
| commit | 47faf47ed5a20d7d959110caefe6839d12343ec7 (patch) | |
| tree | 5b324ebaee99b9b54d471f425bec3b3c48371d00 /app/javascript/flavours/glitch/styles | |
| parent | a243567a3e6100d65477162308e2c1bb5e056c21 (diff) | |
ComposerTextarea → AutosuggestTextarea
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/composer.scss | 13 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/mastodon-light/diff.scss | 4 |
2 files changed, 10 insertions, 7 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss index f0729bedc..466b654de 100644 --- a/app/javascript/flavours/glitch/styles/components/composer.scss +++ b/app/javascript/flavours/glitch/styles/components/composer.scss @@ -131,8 +131,8 @@ .composer--textarea { position: relative; - & > label { - .textarea { + label { + .autosuggest-textarea__textarea { display: block; box-sizing: border-box; margin: 0; @@ -186,7 +186,7 @@ } } -.composer--textarea--suggestions { +.autosuggest-textarea__suggestions { display: block; position: absolute; box-sizing: border-box; @@ -199,11 +199,14 @@ box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4); font-size: 14px; z-index: 99; + display: none; +} - &[hidden] { display: none } +.autosuggest-textarea__suggestions--visible { + display: block; } -.composer--textarea--suggestions--item { +.autosuggest-textarea__suggestions__item { display: flex; flex-direction: row; align-items: center; diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss index 6f105d3fa..224272f24 100644 --- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss +++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss @@ -196,11 +196,11 @@ border-color: $ui-base-color; } -.composer--textarea--suggestions { +.autosuggest-textarea__suggestions { background: lighten($ui-base-color, 10%) } -.composer--textarea--suggestions--item { +.autosuggest-textarea__suggestions__item { &:hover, &:focus, &:active, |