Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 12.6
edited by Agnease
on 2026/05/22 10:37
Change comment: There is no comment for this version
To version 12.7
edited by Agnease
on 2026/05/22 10:39
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -1,15 +1,13 @@
1 1  /* ========== Agnease Public Top Menu ========== */
2 2  
3 3  /* Desktop alignment */
4 -/* Desktop alignment */
5 5  
6 6  @media (min-width: 768px) {
7 7   #menuview {
8 - width: 100%;
7 + margin-left: auto;
9 9   }
10 10  
11 11   #menuview .navbar-collapse {
12 - width: 100%;
13 13   padding-left: 0;
14 14   padding-right: 0;
15 15   }
... ... @@ -17,9 +17,8 @@
17 17   #menuview .navbar-nav {
18 18   float: none;
19 19   display: flex;
20 - justify-content: flex-end;
21 21   align-items: center;
22 - width: 100%;
19 + justify-content: flex-end;
23 23   margin: 0;
24 24   }
25 25  
... ... @@ -26,17 +26,12 @@
26 26   #menuview .navbar-nav > li {
27 27   float: none;
28 28   }
29 -
30 - #mainmenu,
31 - #menuview {
32 - flex: 1 1 auto;
33 - }
34 34  }
35 35  
36 36  /* Top-level menu items */
37 37  
38 -.agnease-menu-item,
39 -.agnease-menu-link {
30 +#menuview .agnease-menu-item,
31 +#menuview .agnease-menu-link {
40 40   > a,
41 41   > .dropdown-toggle {
42 42   color: @brand;
... ... @@ -45,6 +45,7 @@
45 45   padding-left: 16px;
46 46   padding-right: 16px;
47 47   text-decoration: none;
40 + background: transparent;
48 48   }
49 49  
50 50   > a:hover,
... ... @@ -55,6 +55,7 @@
55 55   color: @brand-strong;
56 56   text-decoration: none;
57 57   outline: none;
51 + background: transparent;
58 58   }
59 59  
60 60   .caret {
... ... @@ -75,7 +75,7 @@
75 75  
76 76  /* Dropdown panel */
77 77  
78 -.agnease-dropdown {
72 +#menuview .agnease-dropdown {
79 79   min-width: 310px;
80 80   padding: 10px 8px;
81 81   border: 1px solid fade(@brand, 18%);
... ... @@ -94,6 +94,7 @@
94 94   font-weight: 600;
95 95   line-height: 1.3;
96 96   text-decoration: none;
91 + background: transparent;
97 97  
98 98   i {
99 99   width: 20px;
... ... @@ -109,6 +109,7 @@
109 109   color: @brand-strong;
110 110   text-decoration: none;
111 111   outline: none;
107 + background: transparent;
112 112  
113 113   i {
114 114   color: @brand-strong;
... ... @@ -118,6 +118,7 @@
118 118  
119 119   > .active > a {
120 120   color: @brand-strong;
117 + background: transparent;
121 121  
122 122   i {
123 123   color: @brand-strong;
... ... @@ -133,14 +133,23 @@
133 133  /* Mobile */
134 134  
135 135  @media (max-width: 767px) {
136 - .site-nav {
133 + #menuview {
137 137   margin-left: 0;
138 - justify-content: center;
139 - flex-wrap: wrap;
135 + width: 100%;
140 140   }
141 141  
142 - .agnease-menu-item,
143 - .agnease-menu-link {
138 + #menuview .navbar-nav {
139 + float: none;
140 + margin: 0;
141 + width: 100%;
142 + }
143 +
144 + #menuview .navbar-nav > li {
145 + float: none;
146 + }
147 +
148 + #menuview .agnease-menu-item,
149 + #menuview .agnease-menu-link {
144 144   > a,
145 145   > .dropdown-toggle {
146 146   font-size: 16px;
... ... @@ -149,7 +149,7 @@
149 149   }
150 150   }
151 151  
152 - .agnease-dropdown {
158 + #menuview .agnease-dropdown {
153 153   min-width: 0;
154 154   width: 100%;
155 155   padding: 4px 8px 8px 18px;