Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 12.4
edited by Agnease
on 2026/05/22 10:24
Change comment: There is no comment for this version
To version 12.10
edited by Agnease
on 2026/05/22 10:42
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -1,14 +1,27 @@
1 1  /* ========== Agnease Public Top Menu ========== */
2 2  
3 3  /* Desktop alignment */
4 -#menuview .navbar-nav {
5 - float: right !important;
4 +
5 +@media (min-width: 768px) {
6 + #menuview {
7 + margin-left: auto;
8 + }
9 +
10 + #menuview .navbar-collapse {
11 + padding-left: 0;
12 + padding-right: 0;
13 + }
14 +
15 + #menuview .navbar-nav.navbar-left {
16 + float: right !important;
17 + margin: 0;
18 + }
6 6  }
7 7  
8 8  /* Top-level menu items */
9 9  
10 -.agnease-menu-item,
11 -.agnease-menu-link {
23 +#menuview .agnease-menu-item,
24 +#menuview .agnease-menu-link {
12 12   > a,
13 13   > .dropdown-toggle {
14 14   color: @brand;
... ... @@ -17,6 +17,7 @@
17 17   padding-left: 16px;
18 18   padding-right: 16px;
19 19   text-decoration: none;
33 + background: transparent;
20 20   }
21 21  
22 22   > a:hover,
... ... @@ -27,6 +27,7 @@
27 27   color: @brand-strong;
28 28   text-decoration: none;
29 29   outline: none;
44 + background: transparent;
30 30   }
31 31  
32 32   .caret {
... ... @@ -47,7 +47,7 @@
47 47  
48 48  /* Dropdown panel */
49 49  
50 -.agnease-dropdown {
65 +#menuview .agnease-dropdown {
51 51   min-width: 310px;
52 52   padding: 10px 8px;
53 53   border: 1px solid fade(@brand, 18%);
... ... @@ -66,6 +66,7 @@
66 66   font-weight: 600;
67 67   line-height: 1.3;
68 68   text-decoration: none;
84 + background: transparent;
69 69  
70 70   i {
71 71   width: 20px;
... ... @@ -81,6 +81,7 @@
81 81   color: @brand-strong;
82 82   text-decoration: none;
83 83   outline: none;
100 + background: transparent;
84 84  
85 85   i {
86 86   color: @brand-strong;
... ... @@ -90,6 +90,7 @@
90 90  
91 91   > .active > a {
92 92   color: @brand-strong;
110 + background: transparent;
93 93  
94 94   i {
95 95   color: @brand-strong;
... ... @@ -105,14 +105,23 @@
105 105  /* Mobile */
106 106  
107 107  @media (max-width: 767px) {
108 - .site-nav {
126 + #menuview {
109 109   margin-left: 0;
110 - justify-content: center;
111 - flex-wrap: wrap;
128 + width: 100%;
112 112   }
113 113  
114 - .agnease-menu-item,
115 - .agnease-menu-link {
131 + #menuview .navbar-nav {
132 + float: none;
133 + margin: 0;
134 + width: 100%;
135 + }
136 +
137 + #menuview .navbar-nav > li {
138 + float: none;
139 + }
140 +
141 + #menuview .agnease-menu-item,
142 + #menuview .agnease-menu-link {
116 116   > a,
117 117   > .dropdown-toggle {
118 118   font-size: 16px;
... ... @@ -121,7 +121,7 @@
121 121   }
122 122   }
123 123  
124 - .agnease-dropdown {
151 + #menuview .agnease-dropdown {
125 125   min-width: 0;
126 126   width: 100%;
127 127   padding: 4px 8px 8px 18px;