5050
5151 --top-app-bar-height : 4.5rem ;
5252 --top-app-bar-padding-vertical : .5rem ;
53- --top-app-bar-table-cell-gutter : 1.5rem ;
54- --top-app-bar-search-icon-width : 4rem ;
55- --top-app-bar-search-padding-inset : 1.5rem ;
56- --top-app-bar-search-padding-inset-mobile : 1rem ;
57- --top-app-bar-search-font-size : 1.125rem ;
58- --top-app-bar-search-font-size-mobile : 1rem ;
5953 --footer-height : 3.5rem ;
6054
6155 --safe-area-inset-top : env (safe-area-inset-top);
@@ -107,14 +101,16 @@ img {
107101}
108102.col-content {
109103 overflow : hidden;
104+ position : relative;
110105 box-sizing : border-box;
111106 padding : 1.75rem ;
107+ margin-bottom : 1.75rem ;
112108 border-radius : 28px ;
113109 background-color : var (--md-sys-color-surface );
114110}
115111.page-menu {
116112 height : fit-content;
117- padding : 0.75 rem 1.75rem ;
113+ padding : 1.25 rem 1.75rem ;
118114 border-radius : 28px ;
119115 background-color : var (--md-sys-color-surface );
120116}
@@ -133,92 +129,30 @@ img {
133129 word-break : break-all;
134130}
135131.tsd-page-toolbar {
136- padding : var (--top-app-bar-padding-vertical ) 0 ;
137- height : calc (var (--top-app-bar-height ) - 16px );
132+ padding : 1rem 0 ;
138133 background-color : var (--color-background );
139134 border-bottom : none;
140135}
141- .tsd-page-toolbar .tsd-toolbar-contents {
142- height : 56px ;
143- }
144- .tsd-page-toolbar .table-cell {
145- height : 56px ;
146- padding-left : var (--top-app-bar-table-cell-gutter );
147- }
148136.tsd-page-toolbar .tsd-toolbar-icon {
149137 padding : 20px 0 ;
150138}
151139# tsd-search {
152- display : flex;
153- flex-direction : row-reverse;
154- justify-content : space-between;
155- line-height : 56px ;
156- border-radius : 22px ;
157- padding-right : var (--top-app-bar-search-icon-width );
158- box-sizing : border-box;
159- padding-left : 0 ;
160- margin-left : var (--top-app-bar-table-cell-gutter );
161- max-width : calc (100% - var (--top-app-bar-table-cell-gutter ) - var (--top-app-bar-table-cell-gutter ));
162- }
163- # tsd-search .field ,
164- # tsd-search .field label ,
165- # tsd-search .field # tsd-toolbar-links {
166- position : relative;
167- top : unset;
168- right : unset;
169- bottom : unset;
170- left : unset;
171- }
172- # tsd-search .field {
173- position : relative;
174- flex : 0 0 0 ;
175- }
176- # tsd-search .field : first-child {
177- display : flex;
178- flex-direction : row-reverse;
179- width : 100% ;
180- position : absolute;
181- left : 0 ;
182- }
183- # tsd-search .has-focus .field : first-child {
184- z-index : 2 ;
140+ border-radius : 38px ;
185141}
186- # tsd-search .field label ,
187- # tsd-search .field .tsd-toolbar-icon {
188- height : 100% ;
189- margin : 0 auto;
142+ # tsd-search-input {
143+ border-radius : 22px ;
190144}
191- # tsd-search .field .tsd-toolbar-icon {
192- display : flex;
193- justify-content : center;
194- flex : none;
195- }
196- # tsd-search .field .tsd-widget .no-caption {
197- width : var (--top-app-bar-search-icon-width );
198- }
199- # tsd-search .field input {
200- padding : var (--top-app-bar-search-padding-inset );
201- font-size : var (--top-app-bar-search-font-size );
202- top : calc (-100% - var (--top-app-bar-padding-vertical ) - var (--safe-area-inset-top ));
203- }
204- # tsd-search .results {
205- z-index : -1 ;
206- top : calc (56px - 22px );
207- left : 0 ;
208- padding-top : 22px ;
209- box-shadow : 0px 4px 2px rgba (0 , 0 , 0 , 0.125 );
210- background-color : var (--color-background-secondary );
211- border-bottom-left-radius : 22px ;
212- border-bottom-right-radius : 22px ;
213- overflow : hidden;
145+ # tsd-search-input : focus-visible {
146+ background-color : var (--color-accent );
214147}
215- # tsd-search . results li {
148+ # tsd-search- results > li {
216149 background : none;
217150}
218- # tsd-search .results a {
219- padding : 1rem 0.25rem ;
151+ # tsd-toolbar-menu-trigger ,
152+ # tsd-search-trigger {
153+ border-radius : 50% ;
220154}
221- .col-sidebar {
155+ html : not (. has-menu ) .col-sidebar {
222156 padding-top : 0 ;
223157 margin-right : 1rem ;
224158}
@@ -243,6 +177,9 @@ img {
243177 text-decoration : none;
244178 background-color : var (--md-sys-color-surface-container-high );
245179}
180+ .page-menu .tsd-accordion-summary {
181+ margin-bottom : 0.5rem ;
182+ }
246183.page-menu .tsd-accordion-summary svg {
247184 position : absolute;
248185 right : 0 ;
@@ -295,16 +232,6 @@ img {
295232}
296233
297234@media (max-width : 769px ) {
298- # tsd-search {
299- max-width : calc (100% - var (--top-app-bar-search-icon-width ) - var (--top-app-bar-table-cell-gutter ));
300- }
301- # tsd-search .field input {
302- font-size : var (--top-app-bar-search-font-size );
303- padding : var (--top-app-bar-search-padding-inset-mobile );
304- }
305- .container {
306- padding : 1rem ;
307- }
308235 .col-sidebar {
309236 margin-right : 0 ;
310237 }
0 commit comments