File tree 3 files changed +18
-6
lines changed
3 files changed +18
-6
lines changed Original file line number Diff line number Diff line change @@ -45,14 +45,16 @@ class DocSearch extends Component<{}, State> {
45
45
paddingLeft : '0.25rem' ,
46
46
paddingRight : '0.25rem' ,
47
47
48
- [ media . lessThan ( 'large ' ) ] : {
48
+ [ media . lessThan ( 'expandedSearch ' ) ] : {
49
49
justifyContent : 'flex-end' ,
50
50
marginRight : 10 ,
51
51
} ,
52
- [ media . between ( 'medium' , 'xlarge' ) ] : {
53
- //width: 'calc(100% / 6)',
54
- } ,
55
- [ media . greaterThan ( 'large' ) ] : {
52
+ // TODO: Something like this could show the full search box in more cases
53
+ // but it currently breaks its expanding animation.
54
+ // [media.between('mediumSearch', 'largerSearch')]: {
55
+ // width: 'calc(100% / 8)',
56
+ // },
57
+ [ media . greaterThan ( 'expandedSearch' ) ] : {
56
58
minWidth : 100 ,
57
59
} ,
58
60
} } >
@@ -80,7 +82,7 @@ class DocSearch extends Component<{}, State> {
80
82
borderRadius : '0.25rem' ,
81
83
} ,
82
84
83
- [ media . lessThan ( 'large ' ) ] : {
85
+ [ media . lessThan ( 'expandedSearch ' ) ] : {
84
86
fontSize : 16 ,
85
87
width : '16px' ,
86
88
transition : 'width 0.2s ease, padding 0.2s ease' ,
Original file line number Diff line number Diff line change @@ -101,6 +101,13 @@ const Header = ({location}: {location: Location}) => (
101
101
WebkitOverflowScrolling : 'touch' ,
102
102
height : '100%' ,
103
103
104
+ // Hide horizontal scrollbar
105
+ scrollbarWidth : 'none' ,
106
+ msOverflowStyle : 'none' ,
107
+ '::-webkit-scrollbar' : {
108
+ display : 'none' ,
109
+ } ,
110
+
104
111
[ media . size ( 'xsmall' ) ] : {
105
112
flexGrow : '1' ,
106
113
width : 'auto' ,
Original file line number Diff line number Diff line change @@ -38,6 +38,9 @@ const SIZES = {
38
38
// Sidebar/nav related tweakpoints
39
39
largerSidebar : { min : 1100 , max : 1339 } ,
40
40
sidebarFixed : { min : 2000 , max : Infinity } ,
41
+
42
+ // Topbar related tweakpoints
43
+ expandedSearch : { min : 1180 , max : Infinity } ,
41
44
} ;
42
45
43
46
type Size = $Keys < typeof SIZES > ;
You can’t perform that action at this time.
0 commit comments