mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-04-25 08:44:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Edited URL bar and it's buttons

Browse Source
This commit is contained in:
Mauro Baladés
2024-03-31 19:23:18 +02:00
parent 9bc2b2dd26
commit 6f1fd618b1
3 changed files with 57 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gluon/command
View File

@@ -1 +1 @@
export-file
run

2
src/browser/themes/shared/sidebar-css.patch
View File

@@ -12,7 +12,7 @@ index a9b3886e1ff4a36c5bd161985719f66a41d95458..b181112f3db8deb7b71767674e0beac6
+ */
+
+:root {
+ --sidebar-background-color: var(--newtab-background-color) !important;
+ --sidebar-background-color: var(--toolbar-bgcolor) !important;
+}
+
+#sidebar-box {

57
src/browser/themes/shared/zen-browser-shared.css
View File

@@ -9,11 +9,12 @@
padding-inline: 15px !important;
}
/* URL and tool bars */
#urlbar {
border: 1px solid light-dark(#ddd, #4a4a4a);
border-radius: 999px;
overflow: hidden;
padding: 1px 1px;
padding: 1px;
}
#zen-website-and-native-separator {
@@ -38,3 +39,55 @@
outline-color: none !important;
border-color: var(--zen-appcontent-separator-from-window);
}
#urlbar, #urlbar .urlbar-page-action,
#urlbar #tracking-protection-icon-container,
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI) #identity-icon-box {
border-radius: 999px !important;
}
#urlbar:not([extend="true"]) #identity-box.chromeUI #identity-icon-box {
border-radius: 2px;
border-top-left-radius: 999px !important;
border-bottom-left-radius: 999px !important;
}
#urlbar .urlbar-page-action,
#urlbar #identity-box #identity-icon-box,
#urlbar #tracking-protection-icon-container {
margin: 0 1px;
}
#urlbar:not([extend="true"]) #identity-box #identity-icon-box { position: relative;}
/* TODO: this does NOT show up! */
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI) #identity-icon-box[role="button"]:not(:hover)::after {
content: '';
position: absolute;
top: 0;
right: -1px;
height: 100%;
width: 1px;
background: var(--zen-dialog-border-color);
transition: .1s;
}
.urlbar-page-action {
width: calc(var(--urlbar-min-height) - 5px - 2 * var(--urlbar-container-padding)) !important;
height: calc(var(--urlbar-min-height) - 5px - 2 * var(--urlbar-container-padding)) !important;
padding: 0 !important;
justify-content: center !important;
align-items: center !important;
}
.urlbar-page-action:not([hidden="true"]) {
display: flex !important;
}
toolbar .toolbarbutton-1 {
& > .toolbarbutton-icon,
& > .toolbarbutton-badge-stack {
width: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
height: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
}
}