diff options
| author | Henry Jameson <me@hjkos.com> | 2024-02-27 00:16:22 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-02-27 00:16:22 +0200 |
| commit | 9a24d21bbdd77db808c09b7b5cad632bebbe2f13 (patch) | |
| tree | b89ba2adf9cf0688b37be30a964b4028a154d45d /src/App.scss | |
| parent | ef2c8f077dee094c533ba2bdb0c8694a21760868 (diff) | |
fix mobile badge in timeline
Diffstat (limited to 'src/App.scss')
| -rw-r--r-- | src/App.scss | 22 |
1 files changed, 19 insertions, 3 deletions
diff --git a/src/App.scss b/src/App.scss index b9aded41..f94583c9 100644 --- a/src/App.scss +++ b/src/App.scss @@ -620,22 +620,38 @@ option { overflow: hidden; text-overflow: ellipsis; + &.-dot, + &.-counter { + margin: 0; + position: absolute; + } + &.-dot { - border-radius: 100%; min-height: 8px; max-height: 8px; min-width: 8px; max-width: 8px; padding: 0; line-height: 0; - margin: 0; font-size: 0; - position: absolute; left: calc(50% - 4px); top: calc(50% - 4px); margin-left: 6px; margin-top: -6px; } + + &.-counter { + border-radius: var(--roundness); + font-size: 0.75em; + line-height: 1; + text-align: right; + padding: 0.2em; + min-width: 0; + left: calc(50% - 0.5em); + top: calc(50% - 0.4em); + margin-left: 0.7em; + margin-top: -1em; + } } .alert { |