@jetbrains/kotlin-web-site-ui 4.1.0-alpha.4 → 4.1.0-alpha.5
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.
|
@@ -25,7 +25,8 @@ const FullSearch = ({
|
|
|
25
25
|
return React__default.createElement(ThemeProvider, {
|
|
26
26
|
theme: 'light'
|
|
27
27
|
}, React__default.createElement("div", {
|
|
28
|
-
className: styles.fullSearch
|
|
28
|
+
className: styles.fullSearch,
|
|
29
|
+
tabIndex: 1000
|
|
29
30
|
}, React__default.createElement("div", {
|
|
30
31
|
className: styles.header
|
|
31
32
|
}, React__default.createElement("div", {
|
|
@@ -27,7 +27,8 @@ const Header = forwardRef(({
|
|
|
27
27
|
linkHandler,
|
|
28
28
|
isPlayground,
|
|
29
29
|
isUrlActive,
|
|
30
|
-
searchConfig
|
|
30
|
+
searchConfig,
|
|
31
|
+
noScrollClassName
|
|
31
32
|
}, forwardedRef) => {
|
|
32
33
|
const [menuPopupExpanded, setMenuPopupExpanded] = useState(false);
|
|
33
34
|
const [isMenuPopupVisible, setIsMenuPopupVisible] = useState(false);
|
|
@@ -68,6 +69,15 @@ const Header = forwardRef(({
|
|
|
68
69
|
};
|
|
69
70
|
}
|
|
70
71
|
}, [fullSearchKeyHandler]);
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
if (typeof document !== `undefined` && noScrollClassName) {
|
|
74
|
+
if (fullSearchActive) {
|
|
75
|
+
document.body.classList.add(noScrollClassName);
|
|
76
|
+
} else {
|
|
77
|
+
document.body.classList.remove(noScrollClassName);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}, [fullSearchActive]);
|
|
71
81
|
return React__default.createElement(ThemeProvider, {
|
|
72
82
|
theme: 'dark'
|
|
73
83
|
}, React__default.createElement(SearchWrapper, {
|
|
@@ -407,7 +407,7 @@
|
|
|
407
407
|
transform: translateY(100%);
|
|
408
408
|
}
|
|
409
409
|
|
|
410
|
-
@media (min-width:
|
|
410
|
+
@media (min-width: 640px) and (max-width: 704px) {
|
|
411
411
|
.ktl-quick-search-module_wrapper_kkbQQ {
|
|
412
412
|
bottom: 12px;
|
|
413
413
|
}
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
.ktl-full-search-module_header_Wltw0 {
|
|
447
447
|
width: 100%;
|
|
448
448
|
padding-top: 120px;
|
|
449
|
-
padding-bottom:
|
|
449
|
+
padding-bottom: 10px;
|
|
450
450
|
position: sticky;
|
|
451
451
|
top: 0;
|
|
452
452
|
left: 0;
|
|
@@ -463,12 +463,15 @@
|
|
|
463
463
|
display: block;
|
|
464
464
|
}
|
|
465
465
|
}
|
|
466
|
-
.ktl-loading-module_loader_B2IQl
|
|
466
|
+
.ktl-loading-module_loader_B2IQl {
|
|
467
|
+
margin-top: 4px;
|
|
468
|
+
}
|
|
469
|
+
.ktl-loading-module_loader_B2IQl > svg {
|
|
467
470
|
fill: #6B57FF;
|
|
468
471
|
}
|
|
469
472
|
.ktl-empty-module_wrapper_cNB8Y {
|
|
470
473
|
display: block;
|
|
471
|
-
margin-top:
|
|
474
|
+
margin-top: 30px;
|
|
472
475
|
}
|
|
473
476
|
|
|
474
477
|
.ktl-empty-module_title_p2FMj {
|
|
@@ -531,6 +534,7 @@
|
|
|
531
534
|
.ktl-hit-list-module_switcher_bt6Xx {
|
|
532
535
|
display: flex;
|
|
533
536
|
justify-content: flex-end;
|
|
537
|
+
margin-top: 4px;
|
|
534
538
|
}
|
|
535
539
|
|
|
536
540
|
.ktl-hit-list-module_hitList_1MP6m {
|