diff options
| author | Claire <claire.github-309c@sitedethib.com> | 2022-05-27 16:34:29 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-05-27 16:34:29 +0200 |
| commit | 53c89ee44b9d5cb22553d8e602777084d146749a (patch) | |
| tree | 86bfa20c00d29483c0e95ac6ba22fa2b3794aec4 /app/javascript/flavours/glitch/styles | |
| parent | 6dd7180f056666d837bf71798f866db31f11f6d4 (diff) | |
Add language indicator icon and local settings for status icons (#1788)
* Add language indicator * Add local settings for status icons * Switch to text icon for language
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/index.scss | 11 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/status.scss | 3 |
2 files changed, 10 insertions, 4 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss index 373280fc4..f015d898e 100644 --- a/app/javascript/flavours/glitch/styles/components/index.scss +++ b/app/javascript/flavours/glitch/styles/components/index.scss @@ -239,16 +239,21 @@ } } +.text-icon, .text-icon-button { color: $lighter-text-color; + font-weight: 600; + font-size: 11px; + line-height: 27px; + cursor: default; +} + +.text-icon-button { border: 0; border-radius: 4px; background: transparent; cursor: pointer; - font-weight: 600; - font-size: 11px; padding: 0 3px; - line-height: 27px; outline: 0; transition: all 100ms ease-in; transition-property: background-color, color; diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 1534ba913..cc424f941 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -488,7 +488,8 @@ .status__media-icon, .status__visibility-icon, - .status__reply-icon { + .status__reply-icon, + .text-icon { padding-left: 2px; padding-right: 2px; } |