MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,072: / Line 1,072: @@
 /* ============================================================================
-SV Universal Popup v3 (TESTING)
+SV Universal Popup v3.1 (TESTING)
 - Popup B aesthetic, site-wide
 - Compact width: popups grow vertically (mobile-friendly)
 - Header centered + larger, no hint text
+- Linked definitions: header title can be a real link (Popups/PagePreviews-friendly)
 - JS adds .sv-uipop-v3 to <html> when enabled
 ============================================================================ */
@@ Line 1,089: / Line 1,090: @@
 .sv-def,
 .sv-uipop-head,
-.sv-uipop-action,
+.sv-uipop-title,
-.sv-uipop-actions,
+.sv-uipop-title-link{
-.sv-uipop-title{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
@@ Line 1,145: / Line 1,145: @@
 }
-/* Large: more height for lists/actions (still same width) */
+/* Large: more height for lists (still same width) */
 .sv-uipop--lg{
    max-height:min(70vh, 560px);
@@ Line 1,171: / Line 1,171: @@
    letter-spacing:0.02em;
    color:var(--color-emphasized, var(--sv-ui-text1));
+}
+/* Header title link (Definitions with data-sv-def-link) */
+.sv-uipop-title a.sv-uipop-title-link{
+  color:inherit;
+  text-decoration:none;
+}
+.sv-uipop-title a.sv-uipop-title-link:hover{
+  text-decoration:underline;
+  text-decoration-thickness:2px;
+  text-underline-offset:2px;
 }
@@ Line 1,240: / Line 1,251: @@
    color:var(--sv-ui-text1);
 }
-/* Optional actions row (Definitions with links, etc.) */
-.sv-uipop-actions{
-  margin-top:10px;
-  padding-top:10px;
-  border-top:1px solid var(--sv-ui-line1);
-  display:flex;
-  gap:10px;
-  flex-wrap:wrap;
-}
-.sv-uipop-action{
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-  padding:7px 10px;
-  border-radius:var(--sv-ui-rad-pill);
-  border:1px solid var(--sv-ui-line2);
-  background:var(--sv-ui-bg2);
-  color:var(--sv-ui-text1);
-  font-weight:900;
-  font-size:12px;
-  text-decoration:none;
-}
-.sv-uipop-action:hover{ background:var(--sv-ui-bg3); }