Changes for page Public Web Site

Summary

• Objects (1 modified, 0 added, 0 removed)
  • XWiki.StyleSheetExtension[1]

Details

XWiki.StyleSheetExtension[1]

code

...	...	@@ -156,3 +156,111 @@
156	156	}
157	157	}
158	158	}
	159	+
	160	+/* ========== Mobile Navigation Optimization ========== */
	161	+
	162	+@media (max-width: 767px) {
	163	+ .navbar-nav {
	164	+ margin: 0;
	165	+ }
	166	+
	167	+ .navbar-collapse {
	168	+ border-top: 1px solid @line;
	169	+ box-shadow: none;
	170	+ }
	171	+
	172	+ .navbar-nav > li > a {
	173	+ padding: 14px 18px;
	174	+ font-weight: 600;
	175	+ color: @text;
	176	+ }
	177	+
	178	+ .navbar-nav > li > a:hover,
	179	+ .navbar-nav > li > a:focus {
	180	+ background: @brand-bg;
	181	+ color: @brand-strong;
	182	+ }
	183	+
	184	+ .navbar-nav .open > a,
	185	+ .navbar-nav .open > a:hover,
	186	+ .navbar-nav .open > a:focus {
	187	+ background: @brand-bg;
	188	+ color: @brand-strong;
	189	+ }
	190	+
	191	+ .navbar-nav .dropdown-menu {
	192	+ position: static;
	193	+ float: none;
	194	+ width: 100%;
	195	+ margin: 0;
	196	+ padding: 6px 0 12px;
	197	+ border: 0;
	198	+ border-radius: 0;
	199	+ box-shadow: none;
	200	+ background: #fff;
	201	+ }
	202	+
	203	+ .navbar-nav .dropdown-menu .divider {
	204	+ margin: 6px 18px;
	205	+ background-color: @line;
	206	+ }
	207	+
	208	+ .navbar-nav .dropdown-menu > li > a {
	209	+ display: flex;
	210	+ align-items: flex-start;
	211	+ gap: 12px;
	212	+ padding: 10px 18px 10px 28px;
	213	+ white-space: normal;
	214	+ color: @text;
	215	+ }
	216	+
	217	+ .navbar-nav .dropdown-menu > li > a:hover,
	218	+ .navbar-nav .dropdown-menu > li > a:focus {
	219	+ background: @brand-bg;
	220	+ color: @brand-strong;
	221	+ }
	222	+
	223	+ .navbar-nav .dropdown-menu .menu-icon {
	224	+ flex: 0 0 28px;
	225	+ width: 28px;
	226	+ height: 28px;
	227	+ margin-top: 2px;
	228	+ border-radius: 9px;
	229	+ background: @brand-soft;
	230	+ color: @brand-strong;
	231	+ display: flex;
	232	+ align-items: center;
	233	+ justify-content: center;
	234	+ font-size: 14px;
	235	+ }
	236	+
	237	+ .navbar-nav .dropdown-menu .menu-text {
	238	+ display: block;
	239	+ min-width: 0;
	240	+ }
	241	+
	242	+ .navbar-nav .dropdown-menu .menu-text strong {
	243	+ display: block;
	244	+ font-size: 14px;
	245	+ line-height: 1.25;
	246	+ color: @text;
	247	+ }
	248	+
	249	+ .navbar-nav .dropdown-menu .menu-text small {
	250	+ display: block;
	251	+ margin-top: 2px;
	252	+ font-size: 12px;
	253	+ line-height: 1.35;
	254	+ color: @muted;
	255	+ }
	256	+
	257	+ .navbar-nav .dropdown-menu > li > a:hover .menu-text strong,
	258	+ .navbar-nav .dropdown-menu > li > a:focus .menu-text strong {
	259	+ color: @brand-strong;
	260	+ }
	261	+
	262	+ .navbar-nav .caret {
	263	+ float: right;
	264	+ margin-top: 8px;
	265	+ }
	266	+}