Skip to Content

Changes for page Public Web Site

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

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -1,14 +1,8 @@
1 1  /* ========== Agnease Public Top Menu ========== */
2 -
3 -/* Desktop alignment */
4 -#menuview .navbar-nav {
5 - float: right !important;
6 -}
7 -
8 8  /* Top-level menu items */
9 9  
10 -.agnease-menu-item,
11 -.agnease-menu-link {
4 +#menuview .agnease-menu-item,
5 +#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;
14 + 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;
25 + background: transparent;
30 30   }
31 31  
32 32   .caret {
... ... @@ -47,7 +47,7 @@
47 47  
48 48  /* Dropdown panel */
49 49  
50 -.agnease-dropdown {
46 +#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;
65 + 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;
81 + 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;
91 + background: transparent;
93 93  
94 94   i {
95 95   color: @brand-strong;
... ... @@ -105,23 +105,33 @@
105 105  /* Mobile */
106 106  
107 107  @media (max-width: 767px) {
108 - .site-nav {
107 + #menuview {
109 109   margin-left: 0;
110 - justify-content: center;
111 - flex-wrap: wrap;
109 + width: 100%;
112 112   }
113 113  
114 - .agnease-menu-item,
115 - .agnease-menu-link {
116 - > a,
117 - > .dropdown-toggle {
118 - font-size: 16px;
119 - padding-top: 9px;
120 - padding-bottom: 9px;
121 - }
112 + #menuview .navbar-nav {
113 + float: none;
114 + margin: 0;
115 + width: 100%;
116 + text-align: center;
122 122   }
123 123  
124 - .agnease-dropdown {
119 + #menuview .navbar-nav > li {
120 + float: none;
121 + display: inline-block;
122 + }
123 +
124 + #menuview .navbar-nav > li.agnease-menu-item > a,
125 + #menuview .navbar-nav > li.agnease-menu-link > a,
126 + #menuview .navbar-nav > li.agnease-menu-item > .dropdown-toggle,
127 + #menuview .navbar-nav > li.agnease-menu-link > .dropdown-toggle {
128 + font-size: 16px;
129 + padding: 10px 10px;
130 + text-align: center;
131 + }
132 +
133 + #menuview .agnease-dropdown {
125 125   min-width: 0;
126 126   width: 100%;
127 127   padding: 4px 8px 8px 18px;
... ... @@ -129,6 +129,7 @@
129 129   border-radius: 0;
130 130   box-shadow: none;
131 131   background: transparent;
141 + text-align: left;
132 132  
133 133   > li > a {
134 134   padding: 8px 10px;