Skip to Content

Changes for page Public Web Site

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