Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 6.45
edited by Agnease
on 2026/05/12 13:26
Change comment: There is no comment for this version
To version 6.49
edited by Agnease
on 2026/05/12 14:03
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -116,6 +116,7 @@
116 116   }
117 117  }
118 118  /* Keep the top-level Services menu visually clean when hovered/open/focused */
119 +.navbar-nav > li.agnease-services-menu > a,
119 119  .navbar-nav > li.agnease-services-menu > a:hover,
120 120  .navbar-nav > li.agnease-services-menu > a:focus,
121 121  .navbar-nav > li.agnease-services-menu.open > a,
... ... @@ -126,4 +126,95 @@
126 126   color: @brand-strong;
127 127   box-shadow: none;
128 128  }
130 +
131 +//* ========== Mobile Services Menu: compact list ========== */
132 +
133 +@media (max-width: 767px) {
134 + .navbar-nav > li.agnease-services-menu {
135 + position: static;
136 + }
137 +
138 + .navbar-nav > li.agnease-services-menu > a,
139 + .navbar-nav > li.agnease-services-menu > a:hover,
140 + .navbar-nav > li.agnease-services-menu > a:focus,
141 + .navbar-nav > li.agnease-services-menu.open > a,
142 + .navbar-nav > li.agnease-services-menu.open > a:hover,
143 + .navbar-nav > li.agnease-services-menu.open > a:focus {
144 + background: transparent;
145 + background-color: transparent;
146 + box-shadow: none;
147 + }
148 +
149 + .agnease-services-dropdown {
150 + left: 50% !important;
151 + right: auto !important;
152 + transform: translateX(-50%);
153 + width: calc(100vw - 40px);
154 + max-width: 380px;
155 + min-width: 0;
156 + max-height: calc(100vh - 190px);
157 + overflow-y: auto;
158 +
159 + padding: 8px;
160 + margin-top: 6px;
161 + border-radius: 12px;
162 + border: 1px solid @line;
163 + box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
164 + background: #fff;
165 + }
166 +
167 + .agnease-services-dropdown > li > a {
168 + display: flex;
169 + align-items: center;
170 + gap: 10px;
171 + min-height: 0;
172 + padding: 9px 10px;
173 + border-radius: 9px;
174 + text-align: left;
175 + white-space: normal;
176 + }
177 +
178 + .agnease-services-dropdown > li > a:hover,
179 + .agnease-services-dropdown > li > a:focus {
180 + background: @brand-bg;
181 + }
182 +
183 + .agnease-services-dropdown .divider {
184 + margin: 6px 0;
185 + }
186 +
187 + .agnease-services-dropdown .menu-icon {
188 + width: 28px;
189 + height: 28px;
190 + font-size: 13px;
191 + flex: 0 0 28px;
192 + }
193 +
194 + .agnease-services-dropdown .menu-text {
195 + display: block;
196 + line-height: 1.25;
197 + }
198 +
199 + .agnease-services-dropdown .menu-text strong {
200 + display: block;
201 + font-size: 14px;
202 + font-weight: 600;
203 + color: @text;
204 + }
205 +
206 + .agnease-services-dropdown .menu-text small {
207 + display: none;
208 + }
209 +
210 + .agnease-services-dropdown > li > a:hover .menu-icon,
211 + .agnease-services-dropdown > li > a:focus .menu-icon {
212 + color: @brand-strong;
213 + background: fade(@brand, 12%);
214 + border-color: fade(@brand, 24%);
215 + }
216 +
217 + .agnease-services-dropdown > li > a:hover .menu-text strong,
218 + .agnease-services-dropdown > li > a:focus .menu-text strong {
219 + color: @brand-strong;
220 + }
129 129  }
contentType
... ... @@ -1,0 +1,1 @@
1 +LESS