MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 703: / Line 703: @@
    display: inline-flex;
    align-items: center;
-   padding: 4px 10px;
+  gap: 8px;
-   font-size: 0.8em;
+   padding: 6px 10px;
-   line-height: 1.2;
+   font-size: 0.78em;
-   font-weight: 650;
+   line-height: 1.15;
+   font-weight: 600;
    text-decoration: none;
-   border: 1px solid #004080;
+   border: 1px solid rgba(0, 64, 128, 0.35);
-   background: #FDFDFD;
+   background: rgba(0, 64, 128, 0.06);
    color: #004080;
-   border-radius: 999px;
+   border-radius: 8px;
+  white-space: nowrap;
+}
+#jake-feedback-btn.jake-feedback-btn::before{
+  content: "";
+  width: 16px;
+  height: 16px;
+  flex: 0 0 16px;
+  background: currentColor;
+  -webkit-mask: var(--jake-feedback-icon) center / contain no-repeat;
+  mask: var(--jake-feedback-icon) center / contain no-repeat;
+  opacity: 0.9;
 }
 #jake-feedback-btn.jake-feedback-btn:hover,
 #jake-feedback-btn.jake-feedback-btn:focus{
-   background: #004080;
+  filter: brightness(0.96);
-   color: #fff;
+   background: rgba(0, 64, 128, 0.10);
+  color: #004080;
+}
+#jake-feedback-btn.jake-feedback-btn:focus{
+  outline: 2px solid rgba(0, 64, 128, 0.35);
+   outline-offset: 2px;
 }
 html.skin-theme-clientpref-night #jake-feedback-btn.jake-feedback-btn{
-   background: #202122;
+   background: rgba(255,255,255,0.08);
-   color: #fff;
+   color: #f8f9fa;
-   border-color: rgba(255,255,255,0.25);
+   border-color: rgba(255,255,255,0.18);
 }
@@ Line 729: / Line 748: @@
 html.skin-theme-clientpref-night #jake-feedback-btn.jake-feedback-btn:focus{
    background: rgba(255,255,255,0.12);
+  filter: none;
 }