Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 6.48
edited by Agnease
on 2026/05/12 14:02
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
... ... @@ -128,7 +128,7 @@
128 128   box-shadow: none;
129 129  }
130 130  
131 -/* ========== Mobile Services Menu ========== */
131 +//* ========== Mobile Services Menu: compact list ========== */
132 132  
133 133  @media (max-width: 767px) {
134 134   .navbar-nav > li.agnease-services-menu {
... ... @@ -146,72 +146,76 @@
146 146   box-shadow: none;
147 147   }
148 148  
149 - .navbar-nav > li.agnease-services-menu.open > .agnease-services-dropdown {
150 - display: grid;
151 - }
152 -
153 153   .agnease-services-dropdown {
154 154   left: 50% !important;
155 155   right: auto !important;
156 156   transform: translateX(-50%);
157 - width: calc(100vw - 32px);
158 - max-width: 460px;
153 + width: calc(100vw - 40px);
154 + max-width: 380px;
159 159   min-width: 0;
160 160   max-height: calc(100vh - 190px);
161 161   overflow-y: auto;
162 162  
163 - grid-template-columns: repeat(2, minmax(0, 1fr));
164 - grid-gap: 8px;
165 -
166 - padding: 10px;
167 - margin-top: 8px;
168 - border-radius: 14px;
159 + padding: 8px;
160 + margin-top: 6px;
161 + border-radius: 12px;
169 169   border: 1px solid @line;
170 - box-shadow: 0 14px 36px rgba(0, 0, 0, .14);
163 + box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
171 171   background: #fff;
172 172   }
173 173  
174 - .agnease-services-dropdown > li {
175 - display: block;
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 176   }
177 177  
178 - .agnease-services-dropdown > li:first-child,
179 - .agnease-services-dropdown > li.divider {
180 - grid-column: 1 / -1;
178 + .agnease-services-dropdown > li > a:hover,
179 + .agnease-services-dropdown > li > a:focus {
180 + background: @brand-bg;
181 181   }
182 182  
183 - .agnease-services-dropdown > li.divider {
184 - margin: 4px 0;
183 + .agnease-services-dropdown .divider {
184 + margin: 6px 0;
185 185   }
186 186  
187 - .agnease-services-dropdown > li > a {
188 - min-height: 92px;
189 - padding: 12px 10px;
190 - border-radius: 12px;
191 - flex-direction: column;
192 - align-items: center;
193 - justify-content: center;
194 - gap: 8px;
195 - text-align: center;
196 - }
197 -
198 198   .agnease-services-dropdown .menu-icon {
199 - width: 34px;
200 - height: 34px;
201 - font-size: 15px;
188 + width: 28px;
189 + height: 28px;
190 + font-size: 13px;
191 + flex: 0 0 28px;
202 202   }
203 203  
204 204   .agnease-services-dropdown .menu-text {
205 - align-items: center;
206 - line-height: 1.2;
195 + display: block;
196 + line-height: 1.25;
207 207   }
208 208  
209 209   .agnease-services-dropdown .menu-text strong {
210 - font-size: 13px;
200 + display: block;
201 + font-size: 14px;
211 211   font-weight: 600;
203 + color: @text;
212 212   }
213 213  
214 214   .agnease-services-dropdown .menu-text small {
215 215   display: none;
216 216   }
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 + }
217 217  }