Skip to Content

Changes for page Public Web Site

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

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -1,8 +1,42 @@
1 1  /* ========== Agnease Public Top Menu ========== */
2 +
3 +/* Desktop alignment */
4 +/* Desktop alignment */
5 +
6 +@media (min-width: 768px) {
7 + #menuview {
8 + width: 100%;
9 + }
10 +
11 + #menuview .navbar-collapse {
12 + width: 100%;
13 + padding-left: 0;
14 + padding-right: 0;
15 + }
16 +
17 + #menuview .navbar-nav {
18 + float: none;
19 + display: flex;
20 + justify-content: flex-end;
21 + align-items: center;
22 + width: 100%;
23 + margin: 0;
24 + }
25 +
26 + #menuview .navbar-nav > li {
27 + float: none;
28 + }
29 +
30 + #mainmenu,
31 + #menuview {
32 + flex: 1 1 auto;
33 + }
34 +}
35 +
2 2  /* Top-level menu items */
3 3  
4 -#menuview .agnease-menu-item,
5 -#menuview .agnease-menu-link {
38 +.agnease-menu-item,
39 +.agnease-menu-link {
6 6   > a,
7 7   > .dropdown-toggle {
8 8   color: @brand;
... ... @@ -11,7 +11,6 @@
11 11   padding-left: 16px;
12 12   padding-right: 16px;
13 13   text-decoration: none;
14 - background: transparent;
15 15   }
16 16  
17 17   > a:hover,
... ... @@ -22,7 +22,6 @@
22 22   color: @brand-strong;
23 23   text-decoration: none;
24 24   outline: none;
25 - background: transparent;
26 26   }
27 27  
28 28   .caret {
... ... @@ -43,7 +43,7 @@
43 43  
44 44  /* Dropdown panel */
45 45  
46 -#menuview .agnease-dropdown {
78 +.agnease-dropdown {
47 47   min-width: 310px;
48 48   padding: 10px 8px;
49 49   border: 1px solid fade(@brand, 18%);
... ... @@ -62,7 +62,6 @@
62 62   font-weight: 600;
63 63   line-height: 1.3;
64 64   text-decoration: none;
65 - background: transparent;
66 66  
67 67   i {
68 68   width: 20px;
... ... @@ -78,7 +78,6 @@
78 78   color: @brand-strong;
79 79   text-decoration: none;
80 80   outline: none;
81 - background: transparent;
82 82  
83 83   i {
84 84   color: @brand-strong;
... ... @@ -88,7 +88,6 @@
88 88  
89 89   > .active > a {
90 90   color: @brand-strong;
91 - background: transparent;
92 92  
93 93   i {
94 94   color: @brand-strong;
... ... @@ -104,34 +104,23 @@
104 104  /* Mobile */
105 105  
106 106  @media (max-width: 767px) {
107 - #menuview {
136 + .site-nav {
108 108   margin-left: 0;
109 - width: 100%;
138 + justify-content: center;
139 + flex-wrap: wrap;
110 110   }
111 111  
112 - #menuview .navbar-nav {
113 - float: none;
114 - margin: 0;
115 - width: 100%;
116 - text-align: center;
117 - }
118 -
119 - #menuview .navbar-nav > li {
120 - float: none;
121 - display: inline-block;
122 - }
123 -
124 - #menuview .agnease-menu-item,
125 - #menuview .agnease-menu-link {
142 + .agnease-menu-item,
143 + .agnease-menu-link {
126 126   > a,
127 127   > .dropdown-toggle {
128 128   font-size: 16px;
129 - padding: 10px 10px;
130 - text-align: center;
147 + padding-top: 9px;
148 + padding-bottom: 9px;
131 131   }
132 132   }
133 133  
134 - #menuview .agnease-dropdown {
152 + .agnease-dropdown {
135 135   min-width: 0;
136 136   width: 100%;
137 137   padding: 4px 8px 8px 18px;
... ... @@ -139,7 +139,6 @@
139 139   border-radius: 0;
140 140   box-shadow: none;
141 141   background: transparent;
142 - text-align: left;
143 143  
144 144   > li > a {
145 145   padding: 8px 10px;