Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 908: / Line 908: @@
    .sv-ref-card { grid-template-columns: 52px 1fr; }
    .sv-ref-ico { width: 52px; height: 52px; border-radius: 13px; }
+}
+/* --------------------------------------------------------------------------
+   PATCH: Level UI should NOT shrink + label should stay on ONE line
+   (Place at the bottom of the stylesheet)
+--------------------------------------------------------------------------- */
+/* Give the level panel a little more breathing room like the mockup */
+.sv-skill-level {
+  padding: 10px 12px;
+}
+/* Force the level area to use the full available width */
+.sv-level-ui,
+.sv-level-slider {
+  width: 100%;
+}
+/* Keep "Level 10 / 10" on one line (prevents the "/ 10" drop) */
+.sv-level-label {
+  width: 100%;
+  white-space: nowrap;
+  line-height: 1.15;
+  text-align: center;
+}
+/* Make the custom slider fill the panel width (no 95% shrink) */
+.sv-level-range--custom,
+.sv-level-ticklabels {
+  width: 100%;
+}
+/* Track stays inset but consistent, like the mockup */
+.sv-level-track {
+  left: 10px;
+  right: 10px;
 }