From 5c80ecc2f75cd2948679abb31798b5da6baee698 Mon Sep 17 00:00:00 2001
From: Mike L <cl.jeremy@qq.com>
Date: Mon, 28 Jun 2021 10:21:43 +0200
Subject: [PATCH] Counterwork seemingly unclickable repo button labels (#15064)

As title, the change counter-works the effect from #14926 that links seem unclickable (especially in the default gitea theme), while maintaining some sort of visual harmony.

Co-authored-by: Andrew Thornton <art27@cantab.net>
---
 web_src/less/_base.less                  |  1 +
 web_src/less/_repository.less            | 19 +++++++++++++++++++
 web_src/less/themes/theme-arc-green.less |  1 +
 3 files changed, 21 insertions(+)

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 8a2279c727..f9ac397e4e 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -97,6 +97,7 @@
   --color-input-border-hover: #cecece;
   --color-navbar: #f8f8f8;
   --color-light: #00000006;
+  --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: #0000001d;
   --color-hover: #0000000f;
   --color-active: #00000014;
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index e578dc2a6d..e87560fb8b 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -2932,8 +2932,23 @@ tbody.commit-list {
   align-items: center;
 }
 
+.repo-buttons .ui.labeled.button > .label:hover {
+  color: var(--color-primary-light-2);
+  background: var(--color-light);
+}
+
+.label-mimic-enabled() {
+  color: var(--color-text-dark);
+  background: var(--color-light-mimic-enabled) !important;
+
+  &:hover {
+    color: var(--color-primary-dark-1);
+  }
+}
+
 .repo-buttons button[disabled] ~ .label {
   opacity: var(--opacity-disabled);
+  .label-mimic-enabled();
 }
 
 .repo-buttons .ui.labeled.button {
@@ -2947,6 +2962,10 @@ tbody.commit-list {
   &.disabled {
     pointer-events: inherit !important;
 
+    > .label {
+      .label-mimic-enabled();
+    }
+
     > .button {
       pointer-events: none !important;
     }
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
index 74db8faaaa..b8ee6d4e84 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/less/themes/theme-arc-green.less
@@ -92,6 +92,7 @@
   --color-input-border-hover: #505667;
   --color-navbar: #2a2e3a;
   --color-light: #00000028;
+  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: #ffffff28;
   --color-hover: #ffffff10;
   --color-active: #ffffff16;