From 74208b0f327c4a3621b6a9449ebcfe32a940059e Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Mon, 24 Feb 2025 11:45:55 +0100 Subject: [PATCH 1/9] UI: Align emoji in markup Middle-align emoji in markup, for example when used in headings. --- templates/custom/header.tmpl | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/templates/custom/header.tmpl b/templates/custom/header.tmpl index 9850c13..91317cb 100644 --- a/templates/custom/header.tmpl +++ b/templates/custom/header.tmpl @@ -29,6 +29,12 @@ border-radius: 50%; } + /* Emoji. */ + .markup .emoji { + margin-right: .075em; + vertical-align: -.075em; + } + /* Hide the app logo (first link in "brand" div). */ .following.bar #navbar .brand > a:first-child { display: none; From 36983de723b14624718c22eef7179fea6fd8ae09 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 17 Feb 2025 15:10:17 +0100 Subject: [PATCH 2/9] Fix: Theme milestone progress bar statuses not rendered correctly Fixes Milestones progress bar statuses not rendered correctly after Gitea 1.23.x update. Adds explicit styling for progress bars, using theme colours. Fixes #133 --- public/assets/css/theme-bthree-dark.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/public/assets/css/theme-bthree-dark.css b/public/assets/css/theme-bthree-dark.css index 43cef3c..18583bb 100644 --- a/public/assets/css/theme-bthree-dark.css +++ b/public/assets/css/theme-bthree-dark.css @@ -517,3 +517,21 @@ a.ui.primary.label:hover, .CodeMirror.cm-s-default .cm-error, .CodeMirror.cm-s-paper .cm-error { color: #dbdbeb; } + +/* Progress bar. */ +progress { + appearance: none; /* Remove default styling */ + background-color: var(--color-secondary); /* Fallback colour bg (unfilled portion) */ + border: none; /* remove default border */ + + -moz-appearance: none; + -webkit-appearance: none; +} + +progress::-webkit-progress-value { + background-color: var(--color-primary); /* Color of the filled portion */ +} + +progress::-moz-progress-bar { + background-color: var(--color-primary); /* Color of the filled portion */ +} From 063323eb74b078ff64ebc918792f21935f19612d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 17 Feb 2025 17:14:43 +0100 Subject: [PATCH 3/9] Fix: Style navbar dropdown item flex justification for browser Chrome --- public/assets/css/theme-bthree-dark.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/public/assets/css/theme-bthree-dark.css b/public/assets/css/theme-bthree-dark.css index 18583bb..e98f637 100644 --- a/public/assets/css/theme-bthree-dark.css +++ b/public/assets/css/theme-bthree-dark.css @@ -535,3 +535,8 @@ progress::-webkit-progress-value { progress::-moz-progress-bar { background-color: var(--color-primary); /* Color of the filled portion */ } + +/* Style Overrides. */ +#navbar .dropdown .item { + justify-content: flex-start !important; +} From db83e389633cc49c52dce3eb04ec310910ae374f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 17 Feb 2025 18:37:04 +0100 Subject: [PATCH 4/9] Revert "Fix: Theme milestone progress bar statuses not rendered correctly" This reverts commit a705ab8ab40fa3deea111d62ad0cb6f42672f818. --- public/assets/css/theme-bthree-dark.css | 18 ------------------ 1 file changed, 18 deletions(-) diff --git a/public/assets/css/theme-bthree-dark.css b/public/assets/css/theme-bthree-dark.css index e98f637..e2d647d 100644 --- a/public/assets/css/theme-bthree-dark.css +++ b/public/assets/css/theme-bthree-dark.css @@ -518,24 +518,6 @@ a.ui.primary.label:hover, color: #dbdbeb; } -/* Progress bar. */ -progress { - appearance: none; /* Remove default styling */ - background-color: var(--color-secondary); /* Fallback colour bg (unfilled portion) */ - border: none; /* remove default border */ - - -moz-appearance: none; - -webkit-appearance: none; -} - -progress::-webkit-progress-value { - background-color: var(--color-primary); /* Color of the filled portion */ -} - -progress::-moz-progress-bar { - background-color: var(--color-primary); /* Color of the filled portion */ -} - /* Style Overrides. */ #navbar .dropdown .item { justify-content: flex-start !important; From 381b1d116a326c46350ba5bd626d0f697f8469c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 17 Feb 2025 18:56:11 +0100 Subject: [PATCH 5/9] Fix: Theme milestone progress bar statuses not rendered correctly Fixes Milestones progress bar statuses not rendered correctly after Gitea 1.23.x update. Maps explicit styling values for progress bars to existing colours. Part of infrastructure/blender-projects-platform#133 --- public/assets/css/theme-bthree-dark.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/public/assets/css/theme-bthree-dark.css b/public/assets/css/theme-bthree-dark.css index e2d647d..a6e7621 100644 --- a/public/assets/css/theme-bthree-dark.css +++ b/public/assets/css/theme-bthree-dark.css @@ -518,6 +518,12 @@ a.ui.primary.label:hover, color: #dbdbeb; } +/* Progress bar. */ +progress::-moz-progress-bar, +progress::-webkit-progress-value { + background-color: var(--color-primary); +} + /* Style Overrides. */ #navbar .dropdown .item { justify-content: flex-start !important; From 58b236e3232e6c7a5cdc1ab1e4772b8f7be5836d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 17 Feb 2025 19:00:42 +0100 Subject: [PATCH 6/9] UI: Map style variable color-accent to existing color-primary definition Part of infrastructure/blender-projects-platform#133 --- public/assets/css/theme-bthree-dark.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/public/assets/css/theme-bthree-dark.css b/public/assets/css/theme-bthree-dark.css index a6e7621..c2f3e54 100644 --- a/public/assets/css/theme-bthree-dark.css +++ b/public/assets/css/theme-bthree-dark.css @@ -214,6 +214,9 @@ --color-footer: hsl(213, 14.8%, 21%); --color-footer-text: var(--color-text-light-3); --color-footer-links: var(--color-text-light-1); + + /* Color aliases. */ + --color-accent: var(--color-primary); } /* Custom styling of individual elements. From abc91b5a9532399c083841bb54e03f820f06f4de Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 17 Feb 2025 19:17:44 +0100 Subject: [PATCH 7/9] Revert "Fix: Style navbar dropdown item flex justification for browser Chrome" This reverts commit a60d4f1b7e3e8edbd3351a335d44d429c49cad04. --- public/assets/css/theme-bthree-dark.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/public/assets/css/theme-bthree-dark.css b/public/assets/css/theme-bthree-dark.css index c2f3e54..a37e0a7 100644 --- a/public/assets/css/theme-bthree-dark.css +++ b/public/assets/css/theme-bthree-dark.css @@ -526,8 +526,3 @@ progress::-moz-progress-bar, progress::-webkit-progress-value { background-color: var(--color-primary); } - -/* Style Overrides. */ -#navbar .dropdown .item { - justify-content: flex-start !important; -} From 5984bae2b963df93d181a223d499329fdc5f101f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 17 Feb 2025 19:22:25 +0100 Subject: [PATCH 8/9] Fix: Style navbar dropdown item flex justification for browser Chrome globally Fix style navbar dropdown item flex justification for browser Chrome in all themes. --- templates/custom/header.tmpl | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/templates/custom/header.tmpl b/templates/custom/header.tmpl index 91317cb..19b9b31 100644 --- a/templates/custom/header.tmpl +++ b/templates/custom/header.tmpl @@ -174,6 +174,11 @@ strong.attention-caution, span.attention-caution { color: var(--color-red-dark-1); } + + /* Make Navbar dropdown item left-aligned. Needed from Chromium v133.x. */ + #navbar .dropdown .item { + justify-content: flex-start; + } From a4844c21ad5fac9ad6e67db923821609c7d00283 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Mon, 24 Feb 2025 12:14:53 +0100 Subject: [PATCH 9/9] UI: Markup: Slight highlight on strong and headings Slight highlight on strong and heading elements, to improve readability. On dark themes they display slightly lighter. On light themes there isn't much of a difference (they're already pure black). --- templates/custom/header.tmpl | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/templates/custom/header.tmpl b/templates/custom/header.tmpl index 19b9b31..5693df4 100644 --- a/templates/custom/header.tmpl +++ b/templates/custom/header.tmpl @@ -45,6 +45,13 @@ color: var(--color-text-light-3); } + /* Markup. */ + /* Slight highlight on strong and heading elements, to improve readability. */ + .markup strong, + .markup h1, .markup h2, .markup h3, .markup h4, .markup h5, .markup h6 { + color: var(--color-text-dark); + } + /* Homepage. */ /* By default Gitea colors links green */ .home a {