diff options
| author | silverwind <me@silverwind.io> | 2023-02-09 06:42:18 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-02-09 13:42:18 +0800 |
| commit | 90cf07a2c8dc2917d0c02648f0a69e0229cfce21 (patch) | |
| tree | 58a362870617790e95fd2de82af13d6a19c49b7f /web_src | |
| parent | 87261f3fb95da92d74d72d057fc0f1e9819f16a7 (diff) | |
| download | gitea-90cf07a2c8dc2917d0c02648f0a69e0229cfce21.tar.gz gitea-90cf07a2c8dc2917d0c02648f0a69e0229cfce21.zip | |
Improve notification and stopwatch styles (#22169)
- Add dot-style indicators to notification and time tracker
- Slightly reduce whitespace between right-aligned icons
- Move notification icon to right on mobile
- Switch menu icon to SVG
<img width="270" alt="Screenshot 2022-12-19 at 19 40 32"
src="https://user-images.githubusercontent.com/115237/208496795-ce8734a0-f109-47b7-8eb8-96931e867b23.png">
<img width="607" alt="Screenshot 2022-12-19 at 19 41 04"
src="https://user-images.githubusercontent.com/115237/208496797-2ff68197-f520-4174-927e-ead15addd63e.png">
---------
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/less/_base.less | 28 | ||||
| -rw-r--r-- | web_src/less/helpers.less | 1 |
2 files changed, 29 insertions, 0 deletions
diff --git a/web_src/less/_base.less b/web_src/less/_base.less index e58bf53f5d..6f35a49ad8 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -1364,6 +1364,7 @@ a.ui.card:hover, visibility: hidden; } +.text.primary { color: var(--color-primary) !important; } .text.red { color: var(--color-red) !important; } .text.orange { color: var(--color-orange) !important; } .text.yellow { color: var(--color-yellow) !important; } @@ -2434,6 +2435,33 @@ a.ui.basic.label:hover { margin-top: 1rem; } +.header-stopwatch-dot { + position: absolute; + left: 8px; + top: -8px; + width: 13px; + height: 13px; + background: var(--color-primary); + border: 2px solid var(--color-header-bar); + border-radius: 100%; +} + +.notification_count { + position: absolute; + left: 5px; + top: -8px; + min-width: 1.5em; + text-align: center; + background: var(--color-primary); + border: 2px solid var(--color-header-bar); + color: var(--color-header-bar); + padding: 2px; + border-radius: 1em; + font-size: 10px; + font-weight: 700; + line-height: .7; +} + table th[data-sortt-asc], table th[data-sortt-desc] { &:hover { diff --git a/web_src/less/helpers.less b/web_src/less/helpers.less index 46284811ee..20670a3786 100644 --- a/web_src/less/helpers.less +++ b/web_src/less/helpers.less @@ -21,6 +21,7 @@ /* below class names match Tailwind CSS */ .pointer-events-none { pointer-events: none !important; } +.relative { position: relative !important; } .mono { font-family: var(--fonts-monospace) !important; |