mirror of
https://github.com/zen-browser/desktop.git
synced 2025-09-06 19:38:24 +00:00
Merge pull request #3194 from kristijanribaric/hide-container-label-when-narrow-url-bar
Hidden container label when URL bar is narrow.
This commit is contained in:
@@ -190,6 +190,17 @@ button.popup-notification-dropmarker {
|
|||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#urlbar-container {
|
||||||
|
container: urlbar-container / inline-size;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@container urlbar-container (width < 350px) {
|
||||||
|
#userContext-label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 550px) {
|
@media (max-width: 550px) {
|
||||||
#urlbar-container {
|
#urlbar-container {
|
||||||
width: calc(176px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding)));
|
width: calc(176px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding)));
|
||||||
|
Reference in New Issue
Block a user