ode-csslib-openent-na 3.4.13-develop-integration.202607201221 → 3.4.13-develop-integration.202607211228

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.
@@ -22,18 +22,52 @@
22
22
  }
23
23
 
24
24
  .header-v2 .navbar .navbar-nav {
25
- gap: 8px;
25
+ gap: 0.8rem;
26
26
  justify-content: space-between;
27
27
  margin-right: 0 !important;
28
28
  }
29
29
 
30
30
  @media (min-width: 800px) {
31
31
  .header-v2 .navbar .navbar-nav {
32
- gap: 24px;
32
+ gap: 2.4rem;
33
33
  justify-content: flex-end;
34
+ margin-right: 0 !important;
34
35
  }
35
36
  }
36
37
 
38
+ .header-v2 .navbar .nav-link {
39
+ padding: 8px;
40
+ border-radius: 8px;
41
+ transition: background-color 0.2s ease-in-out;
42
+
43
+ &:hover {
44
+ border-bottom: none;
45
+ background-color: #f7f7f7;
46
+ }
47
+
48
+ &:active {
49
+ background-color: #f2f2f2;
50
+ }
51
+ }
52
+
53
+ // Popovers are centered by default (top-100 start-50 translate-middle-x) which
54
+ // overflows the viewport when the trigger sits near the right edge of the
55
+ // right-aligned nav — anchor to the trigger's right edge instead.
56
+ .header-v2 .navbar .popover {
57
+ left: auto;
58
+ right: 0;
59
+ transform: none;
60
+ }
61
+
62
+ // .dropdown-item has no display override outside of the (irrelevant here)
63
+ // mobile .dropdown-menu context, so it falls back to .nav-link's display:block
64
+ // and its icon's display:block, stacking icon/text on separate lines.
65
+ .header-v2 .popover-body .dropdown-item {
66
+ display: flex;
67
+ align-items: center;
68
+ gap: 8px;
69
+ }
70
+
37
71
  .header-v2 .navbar .nav-link .badge {
38
72
  background-color: #dc0404 !important;
39
73
  border-radius: 50rem;