Apply #12576 to top right reaction picker (#12623)

CL-Jeremy · techknowlogick · web-flow · commit 1fe909757cea · 2020-08-28T13:39:41.000-04:00
Co-authored-by: techknowlogick &lt;techknowlogick@gitea.io&gt;
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
@@ -2360,11 +2360,19 @@
         font-size: 1.5em;
         width: 39px;
         left: 13px;
+        border-radius: 6px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
 
         img.emoji {
           margin-right: 0;
         }
       }
+
+      > .item:hover {
+        background: #4183c4;
+      }
     }
   }
 
@@ -2408,17 +2416,6 @@
       &:not(.active) a {
         display: none;
       }
-
-      .item {
-        border-radius: 6px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-
-      .item:hover {
-        background: #4183c4;
-      }
     }
 
     &:hover .select-reaction a {
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
@@ -710,8 +710,8 @@ a.ui.basic.green.label:hover {
   border-color: #404552 !important;
 }
 
-.repository .segment.reactions .select-reaction .item:hover {
-  background: #305020;
+.repository .select-reaction .item:hover {
+  background: #305020 !important;
 }
 
 .ui.menu .item > .label {

Original file line number	Diff line number	Diff line change
`@@ -710,8 +710,8 @@ a.ui.basic.green.label:hover {`
`710`	`710`	`border-color: #404552 !important;`
`711`	`711`	`}`
`712`	`712`
`713`		`-.repository .segment.reactions .select-reaction .item:hover {`
`714`		`- background: #305020;`
	`713`	`+.repository .select-reaction .item:hover {`
	`714`	`+ background: #305020 !important;`
`715`	`715`	`}`
`716`	`716`
`717`	`717`	`.ui.menu .item > .label {`