MediaWiki:Gadget-wix-nav.css - Revision history

Wikilah admin at 12:29, 6 April 2026

2026-04-06T12:29:43Z

← Older revision		Revision as of 20:29, 6 April 2026
Line 221:		Line 221:
	.wix-dropdown-row {		.wix-dropdown-row {
	display: flex;		display: flex;
	align-items: ~~flex-start~~;		align-items: stretch;
	gap: 0.5rem;		gap: 0.5rem;
	}		}
Line 236:		Line 236:
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	~~width~~: 2.~~35rem~~;		padding: 0.6rem;
	height: 2.35rem;
	border: 1px solid var(--wix-border);		border: 1px solid var(--wix-border);
	border-radius: var(--wix-radius);		border-radius: var(--wix-radius);

Wikilah admin at 12:26, 6 April 2026

2026-04-06T12:26:14Z

@@ Line 233: / Line 233: @@
 .wix-dropdown-nav-btn {
   flex-shrink: 0;
-  white-space: nowrap;
+  display: flex;
   text-decoration: none;
+}
 .wix-dropdown-nav-btn:hover {
   text-decoration: none;
+}
@@ Line 245: / Line 273: @@
   pointer-events: none;
   cursor: default;
+}

Wikilah admin at 12:18, 6 April 2026

2026-04-06T12:18:53Z

@@ Line 212: / Line 212: @@
   background: var(--wix-accent);
   color: #fff;
+}

Wikilah admin at 16:51, 1 April 2026

2026-04-01T16:51:50Z

← Older revision		Revision as of 00:51, 2 April 2026
Line 230:		Line 230:
	display: grid;		display: grid;
	grid-template-columns: 1fr;		grid-template-columns: 1fr;
	gap: ~~6px~~;		gap: 12px;
	}		}

Line 236:		Line 236:
	.wix-nav-cards {		.wix-nav-cards {
	grid-template-columns: repeat(2, 1fr);		grid-template-columns: repeat(2, 1fr);
	gap: ~~8px~~;		gap: 14px;
	}		}
	}		}
Line 325:		Line 325:

	.wix-nav-card-name {		.wix-nav-card-name {
	font-size: ~~14px~~;		font-size: 1em;
	font-weight: 600;		font-weight: 600;
	letter-spacing: -0.1px;		letter-spacing: -0.1px;
Line 332:		Line 332:

	.wix-nav-card-desc {		.wix-nav-card-desc {
	font-size: ~~12px~~;		font-size: 0.85em;
	color: var(--wix-text-muted);		color: var(--wix-text-muted);
	margin-top: ~~1px~~;		margin-top: 2px;
	}		}

Wikilah admin at 16:28, 1 April 2026

2026-04-01T16:28:24Z

Show changes

Wikilah admin at 14:06, 31 March 2026

2026-03-31T14:06:43Z

@@ Line 88: / Line 88: @@
     padding: 0.4rem 0.75rem;
+  }
+}

Wikilah admin: Created page with "/* ================================================================ WIX-NAV.CSS — Wiki Interactive Experience: Training Navigation ================================================================ Loaded via ResourceLoader alongside wix-nav.js. Depends on design tokens defined in wix-core.css. Provides a horizontal navigation bar for multi-page training programs. Auto-highlights the current page. ====================================================..."

2026-03-31T13:08:38Z

Created page with "/* ================================================================ WIX-NAV.CSS — Wiki Interactive Experience: Training Navigation ================================================================ Loaded via ResourceLoader alongside wix-nav.js. Depends on design tokens defined in wix-core.css. Provides a horizontal navigation bar for multi-page training programs. Auto-highlights the current page. ====================================================..."

New page

/* ================================================================
WIX-NAV.CSS — Wiki Interactive Experience: Training Navigation
================================================================
Loaded via ResourceLoader alongside wix-nav.js.
Depends on design tokens defined in wix-core.css.

Provides a horizontal navigation bar for multi-page training
programs. Auto-highlights the current page.
================================================================ */

/* ── 1. Menu Container ───────────────────────────────────────────
Horizontal scrollable row of nav buttons.
──────────────────────────────────────────────────────────────── */

.wix-menu {
display: flex;
gap: 0.4rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding: 0.5rem 0;
margin-bottom: 1rem;
}

.wix-menu::-webkit-scrollbar {
display: none;
}

/* ── 2. Nav Buttons ──────────────────────────────────────────────
Each page in the training program is a button.
Non-current pages are <a> links; current page is a <span>.
──────────────────────────────────────────────────────────────── */

.wix-menu-btn {
display: inline-flex;
align-items: center;
white-space: nowrap;
padding: 0.45rem 1rem;
border: 1px solid var(--wix-border);
border-radius: var(--wix-radius);
background: var(--wix-bg);
color: var(--wix-text);
font-size: 0.85em;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition:
border-color var(--wix-transition),
background var(--wix-transition);
flex-shrink: 0;
-webkit-tap-highlight-color: transparent;
}

.wix-menu-btn:hover {
border-color: var(--wix-accent);
background: var(--wix-accent-light);
text-decoration: none;
color: var(--wix-text);
}

/* ── 3. Current Page ─────────────────────────────────────────────
Highlighted button for the page the user is currently on.
──────────────────────────────────────────────────────────────── */

.wix-menu-btn--current {
background: var(--wix-accent);
border-color: var(--wix-accent);
color: #fff;
cursor: default;
}

.wix-menu-btn--current:hover {
background: var(--wix-accent);
border-color: var(--wix-accent);
color: #fff;
}

/* ── 4. Mobile Adjustments ───────────────────────────────────────
Tighter padding on narrow screens.
──────────────────────────────────────────────────────────────── */

@media (max-width: 480px) {
.wix-menu-btn {
padding: 0.4rem 0.75rem;
}
}