mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-30 23:18:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style: make the URL bar more rounded

Browse Source
This commit is contained in:
programORdie
2024-11-11 20:37:35 +01:00
parent 3277e06740
commit 18ddbf986c
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/browser/base/content/zen-styles/zen-urlbar.css
View File

@@ -5,7 +5,7 @@
}
#urlbar {
--toolbarbutton-border-radius: 6px;
--toolbarbutton-border-radius: 10px;
--urlbarView-separator-color: var(--zen-colors-border);
--urlbarView-hover-background: var(--toolbarbutton-hover-background);
--urlbarView-highlight-background: var(--toolbarbutton-hover-background);
@@ -195,28 +195,28 @@ button.popup-notification-dropmarker {
*/
#notification-popup-box {
border-radius: 6px !important;
border-radius: 10px !important;
}
/* Border radius on hover */
#urlbar .urlbar-page-action,
#urlbar #tracking-protection-icon-container,
#urlbar:not([breakout-extend='true']) #identity-box:is(:not(.chromeUI), [pageproxystate='invalid']) #identity-icon-box {
border-radius: 6px !important;
border-radius: 10px !important;
}
/* Border radius of boxes on the left */
#identity-box:has(#identity-permission-box:is([hasPermissions], [hasSharingIcon])):not([pageproxystate='invalid'])
#identity-icon-box {
border-top-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;
border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
/* Extensions or similar */
#urlbar:not([breakout-extend='true']) #identity-box.chromeUI:not([pageproxystate='invalid']) #identity-icon-box {
border-radius: 6px 6px 6px 6px !important;
border-radius: 10px !important;
}
/* Notification Stack */
@@ -275,6 +275,6 @@ button.popup-notification-dropmarker {
}*/
#PersonalToolbar:not([collapsed='true']) {
padding-bottom: 6px;
padding-bottom: 10px;
padding-left: 0 !important;
}