@financial-times/dotcom-ui-header 13.8.0 → 13.8.1-beta.0
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@financial-times/dotcom-ui-header",
|
|
3
|
-
"version": "13.8.0",
|
|
3
|
+
"version": "13.8.1-beta.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"browser": "browser.js",
|
|
6
6
|
"main": "component.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"author": "",
|
|
22
22
|
"license": "MIT",
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@financial-times/dotcom-types-navigation": "^13.8.0"
|
|
24
|
+
"@financial-times/dotcom-types-navigation": "^13.8.1-beta.0"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@financial-times/logo-images": "^1.10.1",
|
|
@@ -55,6 +55,18 @@
|
|
|
55
55
|
-webkit-tap-highlight-color: transparent;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
+
/*
|
|
59
|
+
* iOS: fix clipping of fixed-position dropdown inside horizontally scrollable subnav.
|
|
60
|
+
* This will cause the subnav items to spill out horitontally so the override is
|
|
61
|
+
* limited to iOS to prevent android widening the layout when items overflow.
|
|
62
|
+
*/
|
|
63
|
+
@supports (-webkit-touch-callout: none) {
|
|
64
|
+
.o-header__subnav:has([data-o-header-subnav-dropdown][aria-hidden='false']) .o-header__subnav-wrap-outside,
|
|
65
|
+
.o-header__subnav:has([data-o-header-subnav-dropdown][aria-hidden='false']) .o-header__subnav-wrap-inside {
|
|
66
|
+
overflow: visible;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
58
70
|
.o-header__subnav-dropdown {
|
|
59
71
|
position: fixed;
|
|
60
72
|
top: var(--o3-spacing-3xs);
|
|
@@ -124,6 +136,12 @@
|
|
|
124
136
|
align-items: center;
|
|
125
137
|
padding: 0;
|
|
126
138
|
font-weight: var(--o3-font-weight-regular);
|
|
139
|
+
&:active,
|
|
140
|
+
&:focus,
|
|
141
|
+
&:focus-visible {
|
|
142
|
+
text-decoration: underline;
|
|
143
|
+
color: var(--o3-color-palette-black, #000);
|
|
144
|
+
}
|
|
127
145
|
}
|
|
128
146
|
}
|
|
129
147
|
|