@@ -264,6 +264,7 @@ a.anchor,
264
264
.mobile-topbar h2 a ,
265
265
h1 a ,
266
266
.search-results a ,
267
+ .search-results li ,
267
268
.stab ,
268
269
.result-name i {
269
270
color : var (--main-color );
@@ -379,7 +380,7 @@ details:not(.toggle) summary {
379
380
margin-bottom : .6em ;
380
381
}
381
382
382
- code , pre , .code-header {
383
+ code , pre , .code-header , . type-signature {
383
384
font-family : "Source Code Pro" , monospace;
384
385
}
385
386
.docblock code , .docblock-short code {
@@ -1205,22 +1206,28 @@ so that we can apply CSS-filters to change the arrow color in themes */
1205
1206
1206
1207
.search-results .active {
1207
1208
display : block;
1209
+ margin : 0 ;
1210
+ padding : 0 ;
1208
1211
}
1209
1212
1210
1213
.search-results > a {
1211
- display : flex;
1214
+ display : grid;
1215
+ grid-template-areas :
1216
+ "search-result-name search-result-desc"
1217
+ "search-result-type-signature search-result-type-signature" ;
1218
+ grid-template-columns : .6fr .4fr ;
1212
1219
/* A little margin ensures the browser's outlining of focused links has room to display. */
1213
1220
margin-left : 2px ;
1214
1221
margin-right : 2px ;
1215
1222
border-bottom : 1px solid var (--search-result-border-color );
1216
- gap : 1em ;
1223
+ column- gap: 1em ;
1217
1224
}
1218
1225
1219
1226
.search-results > a > div .desc {
1220
1227
white-space : nowrap;
1221
1228
text-overflow : ellipsis;
1222
1229
overflow : hidden;
1223
- flex : 2 ;
1230
+ grid-area : search-result-desc ;
1224
1231
}
1225
1232
1226
1233
.search-results a : hover ,
@@ -1232,7 +1239,7 @@ so that we can apply CSS-filters to change the arrow color in themes */
1232
1239
display : flex;
1233
1240
align-items : center;
1234
1241
justify-content : start;
1235
- flex : 3 ;
1242
+ grid-area : search-result-name ;
1236
1243
}
1237
1244
.search-results .result-name .alias {
1238
1245
color : var (--search-results-alias-color );
@@ -1253,6 +1260,10 @@ so that we can apply CSS-filters to change the arrow color in themes */
1253
1260
.search-results .result-name .path > * {
1254
1261
display : inline;
1255
1262
}
1263
+ .search-results .type-signature {
1264
+ grid-area : search-result-type-signature;
1265
+ white-space : pre-wrap;
1266
+ }
1256
1267
1257
1268
.popover {
1258
1269
position : absolute;
0 commit comments