luckyimnotanigger/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-05-14 05:52:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

ui: update styling of comment headers and role labels (#6816)

Browse source 
## Changes

* same as https://codeberg.org/forgejo/forgejo/pulls/6201, but for role labels
    * remove border
    * decrease paddings
    * all by simply removing `basic`
    * I did check that no important properties were added by that class
* make the header itself more compact by decreasing paddings here too
    * it's really large currently - being as high as single line content
* removed "review" label by @fnetX request

There was no heavy consideration behind these changes. I was just poking around the area from time to time and finally decided to submit something. If you think there's more consideration needed, please tell!

## Preview

![b1.webp](/attachments/626a8c26-ba21-4920-810e-2bd924997cdb)

![b2.webp](/attachments/389995d3-70d2-480f-8c75-56c59a659569)

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6816
Reviewed-by: Beowulf <beowulf@beocode.eu>
Reviewed-by: Otto <otto@codeberg.org>
Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Co-committed-by: 0ko <0ko@noreply.codeberg.org>
This commit is contained in:
0ko 2025-02-07 01:07:16 +00:00 • committed by Otto
parent 1f24f35fe9
commit 5961db5aa7
8 changed files with 11 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web_src/css/themes/theme-forgejo-dark.css
View file

@ -326,8 +326,8 @@ i.grey.icon.icon.icon.icon {
.ui.ui.ui.basic.primary.label {
color: var(--color-text-dark) !important;
}
.ui.basic.yellow.label.pending-label {
background: var(--color-light) !important;
.ui.yellow.label.pending-label {
color: var(--color-warning-text) !important;
}
::selection {
background: var(--steel-100) !important;

5
web_src/css/themes/theme-forgejo-light.css
View file

@ -314,10 +314,9 @@
.ui.ui.ui.basic.primary.label {
color: var(--color-text-dark) !important;
}
.ui.basic.yellow.label.pending-label {
.ui.yellow.label.pending-label {
background: var(--color-warning-bg) !important;
color: var(--color-warning-text) !important;
border-color: var(--color-yellow-light) !important;
color: var(--color-text-dark) !important;
}
::selection {
background: var(--steel-450) !important;