@@ -260,6 +260,7 @@ a.anchor,
260
260
.mobile-topbar h2 a ,
261
261
h1 a ,
262
262
.search-results a ,
263
+ .search-results li ,
263
264
.stab ,
264
265
.result-name i {
265
266
color : var (--main-color );
@@ -375,7 +376,7 @@ details:not(.toggle) summary {
375
376
margin-bottom : .6em ;
376
377
}
377
378
378
- code , pre , .code-header {
379
+ code , pre , .code-header , . type-signature {
379
380
font-family : "Source Code Pro" , monospace;
380
381
}
381
382
.docblock code , .docblock-short code {
@@ -1189,22 +1190,28 @@ so that we can apply CSS-filters to change the arrow color in themes */
1189
1190
1190
1191
.search-results .active {
1191
1192
display : block;
1193
+ margin : 0 ;
1194
+ padding : 0 ;
1192
1195
}
1193
1196
1194
1197
.search-results > a {
1195
- display : flex;
1198
+ display : grid;
1199
+ grid-template-areas :
1200
+ "search-result-name search-result-desc"
1201
+ "search-result-type-signature search-result-type-signature" ;
1202
+ grid-template-columns : .6fr .4fr ;
1196
1203
/* A little margin ensures the browser's outlining of focused links has room to display. */
1197
1204
margin-left : 2px ;
1198
1205
margin-right : 2px ;
1199
1206
border-bottom : 1px solid var (--search-result-border-color );
1200
- gap : 1em ;
1207
+ column- gap: 1em ;
1201
1208
}
1202
1209
1203
1210
.search-results > a > div .desc {
1204
1211
white-space : nowrap;
1205
1212
text-overflow : ellipsis;
1206
1213
overflow : hidden;
1207
- flex : 2 ;
1214
+ grid-area : search-result-desc ;
1208
1215
}
1209
1216
1210
1217
.search-results a : hover ,
@@ -1216,7 +1223,7 @@ so that we can apply CSS-filters to change the arrow color in themes */
1216
1223
display : flex;
1217
1224
align-items : center;
1218
1225
justify-content : start;
1219
- flex : 3 ;
1226
+ grid-area : search-result-name ;
1220
1227
}
1221
1228
.search-results .result-name .alias {
1222
1229
color : var (--search-results-alias-color );
@@ -1237,6 +1244,10 @@ so that we can apply CSS-filters to change the arrow color in themes */
1237
1244
.search-results .result-name .path > * {
1238
1245
display : inline;
1239
1246
}
1247
+ .search-results .type-signature {
1248
+ grid-area : search-result-type-signature;
1249
+ white-space : pre-wrap;
1250
+ }
1240
1251
1241
1252
.popover {
1242
1253
position : absolute;
0 commit comments