Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 59: / Line 59: @@
 .sv-skill-card a:hover {
    text-decoration: underline;
-}
-/* Remove default details marker in a TemplateStyles-safe way */
-.sv-gi-card summary,
-.sv-skill-card summary {
-  list-style: none;
 }
@@ Line 75: / Line 69: @@
    border: 1px solid rgba(255, 255, 255, 0.085);
    background: rgba(0,0,0,0.20);
+}
+/* IMPORTANT: Phase 4.1 hiding contract */
+.sv-hidden {
+  display: none !important;
+}
+/* Most MW skins also hide [hidden], but make it explicit */
+[hidden] {
+  display: none !important;
 }
@@ Line 111: / Line 114: @@
    border-radius: 10px;
    box-shadow: 0 10px 18px rgba(0,0,0,0.35);
+}
+/* Accessible focus for span-buttons */
+.sv-tip-btn:focus,
+.sv-disclose-btn:focus,
+.sv-tab:focus {
+  outline: 2px solid rgba(170, 220, 255, 0.55);
+  outline-offset: 2px;
 }
@@ Line 173: / Line 184: @@
 /* ----------------------------------------------------------------------------
-    NOTES TIP (DETAILS POPOVER)
+    NOTES TIP (PHASE 4.1: span button + div popover)
 ---------------------------------------------------------------------------- */
@@ Line 217: / Line 228: @@
 .sv-tip-pop {
-  display: none;
    position: absolute;
    z-index: 50;
@@ Line 235: / Line 245: @@
    box-shadow: 0 18px 40px rgba(0,0,0,0.60);
    overflow: hidden;
-}
-.sv-tip[open] .sv-tip-pop {
-  display: block;
 }
@@ Line 249: / Line 255: @@
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.03);
+  cursor: pointer; /* JS: click head to close */
 }
@@ Line 331: / Line 339: @@
 /* ----------------------------------------------------------------------------
-    REQUIREMENTS / USERS ROW
+    REQUIREMENTS / USERS ROW (PHASE 4.1: span button + div popover)
 ---------------------------------------------------------------------------- */
@@ Line 347: / Line 355: @@
 }
-.sv-disclose > summary {
+.sv-disclose-btn {
    display: flex;
    align-items: center;
@@ Line 363: / Line 371: @@
 }
-.sv-disclose > summary:hover {
+.sv-disclose-btn:hover {
    background: rgba(255,255,255,0.05);
+}
+.sv-disclose-label {
+  min-width: 0;
+  word-wrap: break-word;
 }
@@ Line 371: / Line 384: @@
    font-size: 13px;
    color: rgba(210,224,245,0.70);
+  margin-left: 10px;
+  white-space: nowrap;
 }
 .sv-disclose-pop {
-  display: none;
    position: absolute;
    z-index: 50;
@@ Line 392: / Line 406: @@
    box-shadow: 0 18px 40px rgba(0,0,0,0.60);
    overflow: hidden;
-}
-.sv-disclose[open] .sv-disclose-pop {
-  display: block;
 }
@@ Line 406: / Line 416: @@
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.03);
+  cursor: pointer; /* JS: click head to close */
 }
@@ Line 445: / Line 457: @@
 /* ----------------------------------------------------------------------------
-    LEVEL SELECTOR (TemplateStyles-safe: no vendor pseudo elements)
+    LEVEL SELECTOR
 ---------------------------------------------------------------------------- */