Issue sidebar and misc css fixes (#15524)

- Replace remaining font icons with SVG in issue sidebar
- Rework issue due date display
- Realign avatar in timeline
- Fix font size in repo search and code explore
- Consolidate active button styles
- Fix loading form on arc-green
- Align time tracker buttons vertically

Fixes: https://github.com/go-gitea/gitea/issues/15896

1 files changed, 15 insertions, 1 deletions

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 4fef180c4c..224586b079 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -669,10 +669,16 @@ a.ui.card:hover,
   height: auto;
 }
 
-.ui.loading.segment::before {
+.ui.loading.segment::before,
+.ui.loading.form::before {
   background: none;
 }
 
+.ui.loading.form > *,
+.ui.loading.segment > * {
+  opacity: .35;
+}
+
 .ui.loading.loading.input > i.icon svg {
   visibility: hidden;
 }
@@ -1589,11 +1595,19 @@ a.ui.label:hover {
   box-shadow: none !important;
 }
 
+.ui.button:focus,
 .ui.button:hover {
   background: var(--color-hover);
   color: var(--color-text);
 }
 
+.ui.button:active,
+.ui.active.button:active,
+.ui.active.button:hover {
+  background: var(--color-active);
+  color: var(--color-text);
+}
+
 .ui.button.no-text .icon {
   margin: 0 !important;
 }