Skip to content

Commit e2d4280

Browse files
committed
update urlbar results style for small window
1 parent 882e144 commit e2d4280

File tree

1 file changed

+20
-7
lines changed

1 file changed

+20
-7
lines changed

uc-urlbar-results.css

+20-7
Original file line numberDiff line numberDiff line change
@@ -346,17 +346,17 @@ by underlining them (requires urlbarMods.uc.js) */
346346
flex-shrink: 1 !important;
347347
}
348348

349-
.urlbarView-url,
350-
.urlbarView[actionoverride]
349+
.urlbar-results:not([wrap]) .urlbarView-url,
350+
.urlbar-results:not([wrap]) .urlbarView[actionoverride]
351351
.urlbarView-row[type="switchtab"]
352352
> .urlbarView-row-inner
353353
> .urlbarView-url {
354354
flex-shrink: 3 !important;
355355
}
356356

357-
.urlbarView[actionoverride] .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap,
358-
.urlbarView-row[has-url]:not([type$="tab"]) > .urlbarView-row-inner > .urlbarView-no-wrap,
359-
.urlbarView-row[has-url]:is([type="remotetab"], [sponsored]):is(:hover, [selected])
357+
.urlbarView[actionoverride] .urlbar-results:not([wrap]) .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap,
358+
.urlbar-results:not([wrap]) .urlbarView-row[has-url]:not([type$="tab"]) > .urlbarView-row-inner > .urlbarView-no-wrap,
359+
.urlbar-results:not([wrap]) .urlbarView-row[has-url]:is([type="remotetab"], [sponsored]):is(:hover, [selected])
360360
> .urlbarView-row-inner
361361
> .urlbarView-no-wrap {
362362
flex-shrink: 0 !important;
@@ -836,7 +836,7 @@ so you might wanna turn the animation off. I might even make it off by default.
836836
}
837837

838838
#nav-bar:not([overflowing="true"]) .urlbarView[noresults="true"],
839-
#nav-bar:not([overflowing="true"]) .urlbarView[noresults="true"] #urlbar-results {
839+
#nav-bar:not([overflowing="true"]) .urlbarView[noresults="true"] .urlbar-results {
840840
padding-block: 0 !important;
841841
box-shadow: none !important;
842842
}
@@ -862,7 +862,7 @@ so you might wanna turn the animation off. I might even make it off by default.
862862
}
863863

864864
.urlbarView-row-inner {
865-
padding-block: 2px !important;
865+
padding-block: 4px !important;
866866
box-sizing: border-box !important;
867867
min-height: 34px !important;
868868
border-radius: var(--arrowpanel-menuitem-border-radius) !important;
@@ -943,6 +943,14 @@ so you might wanna turn the animation off. I might even make it off by default.
943943
padding: 2px !important;
944944
}
945945

946+
.urlbarView-results[wrap] > .urlbarView-row > .urlbarView-row-inner {
947+
flex-wrap: revert !important;
948+
}
949+
950+
.urlbarView-results[wrap] > .urlbarView-row[has-url] > .urlbarView-row-inner {
951+
flex-wrap: wrap !important;
952+
}
953+
946954
.urlbarView-results[wrap]
947955
> .urlbarView-row[has-url]
948956
> .urlbarView-row-inner
@@ -965,6 +973,11 @@ so you might wanna turn the animation off. I might even make it off by default.
965973
) !important; */
966974
}
967975

976+
.urlbarView-results[wrap] > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-url,
977+
.urlbarView-results[wrap] > .urlbarView-row[type="bestmatch"] > .urlbarView-row-inner > .urlbarView-row-body > .urlbarView-row-body-top > .urlbarView-url {
978+
margin-top: revert !important;
979+
}
980+
968981
.urlbarView-results[wrap]
969982
.urlbarView-row:is([type="remotetab"], [sponsored]):not([selected], :hover)
970983
> .urlbarView-row-inner

0 commit comments

Comments
 (0)