Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 12.5
edited by Agnease
on 2026/05/22 10:36
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  
... ... @@ -30,8 +30,8 @@
30 30  
31 31  /* Top-level menu items */
32 32  
33 -.agnease-menu-item,
34 -.agnease-menu-link {
30 +#menuview .agnease-menu-item,
31 +#menuview .agnease-menu-link {
35 35   > a,
36 36   > .dropdown-toggle {
37 37   color: @brand;
... ... @@ -40,6 +40,7 @@
40 40   padding-left: 16px;
41 41   padding-right: 16px;
42 42   text-decoration: none;
40 + background: transparent;
43 43   }
44 44  
45 45   > a:hover,
... ... @@ -50,6 +50,7 @@
50 50   color: @brand-strong;
51 51   text-decoration: none;
52 52   outline: none;
51 + background: transparent;
53 53   }
54 54  
55 55   .caret {
... ... @@ -70,7 +70,7 @@
70 70  
71 71  /* Dropdown panel */
72 72  
73 -.agnease-dropdown {
72 +#menuview .agnease-dropdown {
74 74   min-width: 310px;
75 75   padding: 10px 8px;
76 76   border: 1px solid fade(@brand, 18%);
... ... @@ -89,6 +89,7 @@
89 89   font-weight: 600;
90 90   line-height: 1.3;
91 91   text-decoration: none;
91 + background: transparent;
92 92  
93 93   i {
94 94   width: 20px;
... ... @@ -104,6 +104,7 @@
104 104   color: @brand-strong;
105 105   text-decoration: none;
106 106   outline: none;
107 + background: transparent;
107 107  
108 108   i {
109 109   color: @brand-strong;
... ... @@ -113,6 +113,7 @@
113 113  
114 114   > .active > a {
115 115   color: @brand-strong;
117 + background: transparent;
116 116  
117 117   i {
118 118   color: @brand-strong;
... ... @@ -128,14 +128,23 @@
128 128  /* Mobile */
129 129  
130 130  @media (max-width: 767px) {
131 - .site-nav {
133 + #menuview {
132 132   margin-left: 0;
133 - justify-content: center;
134 - flex-wrap: wrap;
135 + width: 100%;
135 135   }
136 136  
137 - .agnease-menu-item,
138 - .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 {
139 139   > a,
140 140   > .dropdown-toggle {
141 141   font-size: 16px;
... ... @@ -144,7 +144,7 @@
144 144   }
145 145   }
146 146  
147 - .agnease-dropdown {
158 + #menuview .agnease-dropdown {
148 148   min-width: 0;
149 149   width: 100%;
150 150   padding: 4px 8px 8px 18px;