ode-csslib-openent-na 3.4.13-develop-integration.202607201221 → 3.4.13-develop-integration.202607211437
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,11 +10,17 @@
|
|
|
10
10
|
border-image-source: linear-gradient(67.55deg, #ffc403, #fc94ff);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
// No logo on mobile — the brand link itself is hidden (not just the image)
|
|
14
|
+
// so the nav-icons row can claim the full header width from the left edge.
|
|
15
|
+
.header-v2 .navbar-brand {
|
|
14
16
|
display: none;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
@media (min-width: 800px) {
|
|
20
|
+
.header-v2 .navbar-brand {
|
|
21
|
+
display: inline-block;
|
|
22
|
+
}
|
|
23
|
+
|
|
18
24
|
.header-v2 .navbar-brand .logo {
|
|
19
25
|
display: inline-block;
|
|
20
26
|
height: 20px;
|
|
@@ -22,18 +28,53 @@
|
|
|
22
28
|
}
|
|
23
29
|
|
|
24
30
|
.header-v2 .navbar .navbar-nav {
|
|
25
|
-
|
|
31
|
+
width: 100%;
|
|
32
|
+
gap: 0.8rem;
|
|
26
33
|
justify-content: space-between;
|
|
27
34
|
margin-right: 0 !important;
|
|
28
35
|
}
|
|
29
36
|
|
|
30
37
|
@media (min-width: 800px) {
|
|
31
38
|
.header-v2 .navbar .navbar-nav {
|
|
32
|
-
|
|
39
|
+
width: auto;
|
|
33
40
|
justify-content: flex-end;
|
|
41
|
+
margin-right: 0 !important;
|
|
34
42
|
}
|
|
35
43
|
}
|
|
36
44
|
|
|
45
|
+
.header-v2 .navbar .nav-link {
|
|
46
|
+
padding: 8px;
|
|
47
|
+
border-radius: 8px;
|
|
48
|
+
transition: background-color 0.2s ease-in-out;
|
|
49
|
+
|
|
50
|
+
&:hover {
|
|
51
|
+
border-bottom: none;
|
|
52
|
+
background-color: #f7f7f7;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&:active {
|
|
56
|
+
background-color: #f2f2f2;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// Popovers are centered by default (top-100 start-50 translate-middle-x) which
|
|
61
|
+
// overflows the viewport when the trigger sits near the right edge of the
|
|
62
|
+
// right-aligned nav — anchor to the trigger's right edge instead.
|
|
63
|
+
.header-v2 .navbar .popover {
|
|
64
|
+
left: auto;
|
|
65
|
+
right: 0;
|
|
66
|
+
transform: none;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
// .dropdown-item has no display override outside of the (irrelevant here)
|
|
70
|
+
// mobile .dropdown-menu context, so it falls back to .nav-link's display:block
|
|
71
|
+
// and its icon's display:block, stacking icon/text on separate lines.
|
|
72
|
+
.header-v2 .popover-body .dropdown-item {
|
|
73
|
+
display: flex;
|
|
74
|
+
align-items: center;
|
|
75
|
+
gap: 8px;
|
|
76
|
+
}
|
|
77
|
+
|
|
37
78
|
.header-v2 .navbar .nav-link .badge {
|
|
38
79
|
background-color: #dc0404 !important;
|
|
39
80
|
border-radius: 50rem;
|