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

feat: Improved double toolbar urlbar twitching, b=no-bug, c=common, compact-mode

Browse Source
This commit is contained in:
mr. m
2025-10-18 15:45:23 +02:00
parent 1e5d655fc6
commit 3801696adc
11 changed files with 137 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/browser/themes/shared/identity-block/identity-block-css.patch
View File

@@ -1,17 +1,22 @@
diff --git a/browser/themes/shared/identity-block/identity-block.css b/browser/themes/shared/identity-block/identity-block.css
index 8edca63dc52ec207475ed9965559d28c06e27971..884343473857c6b6256922d47085fac6eabe74fb 100644
index 8edca63dc52ec207475ed9965559d28c06e27971..a5a949be1868af5d0bb04747a9f5b737c00ae49c 100644
--- a/browser/themes/shared/identity-block/identity-block.css
+++ b/browser/themes/shared/identity-block/identity-block.css
@@ -83,7 +83,7 @@
@@ -81,13 +81,6 @@
}
}
#identity-box[pageproxystate="valid"]:is(.notSecureText, .chromeUI, .extensionPage) > .identity-box-button,
#urlbar-label-box {
-#identity-box[pageproxystate="valid"]:is(.notSecureText, .chromeUI, .extensionPage) > .identity-box-button,
-#urlbar-label-box {
- background-color: var(--urlbar-box-bgcolor);
+ background-color: transparent;
color: var(--urlbar-box-text-color);
padding-inline: 8px;
border-radius: var(--urlbar-icon-border-radius);
@@ -178,16 +178,17 @@
- color: var(--urlbar-box-text-color);
- padding-inline: 8px;
- border-radius: var(--urlbar-icon-border-radius);
-}
#urlbar[focused] {
#identity-box[pageproxystate="valid"]:is(.notSecureText, .chromeUI, .extensionPage) > .identity-box-button:not(:hover, [open]),
@@ -178,16 +171,17 @@
}
#identity-icon {

17
src/browser/themes/shared/zen-icons/icons.css
View File

@@ -662,22 +662,6 @@
list-style-image: url('tab-audio-blocked-small.svg') !important;
}
/* reload/stop animation */
#stop-reload-button[animate]
> #reload-button[displaystop]
+ #stop-button
> .toolbarbutton-animatable-box
> .toolbarbutton-animatable-image {
background-image: url('reload-to-stop.svg') !important;
}
#stop-reload-button[animate]
> #reload-button
> .toolbarbutton-animatable-box
> .toolbarbutton-animatable-image {
background-image: url('stop-to-reload.svg') !important;
}
#reader-mode-button > .urlbar-icon,
#zen-site-data-header-reader-mode {
list-style-image: url('reader-mode.svg') !important;
@@ -950,4 +934,5 @@
#zen-copy-url-button image {
list-style-image: url('link.svg');
fill-opacity: 0.7;
}

6
src/browser/themes/shared/zen-icons/jar.inc.mn
View File

@@ -111,7 +111,6 @@
* skin/classic/browser/zen-icons/private-window.svg (../shared/zen-icons/lin/private-window.svg)
* skin/classic/browser/zen-icons/privateBrowsing.svg (../shared/zen-icons/lin/privateBrowsing.svg)
* skin/classic/browser/zen-icons/reader-mode.svg (../shared/zen-icons/lin/reader-mode.svg)
* skin/classic/browser/zen-icons/reload-to-stop.svg (../shared/zen-icons/lin/reload-to-stop.svg)
* skin/classic/browser/zen-icons/reload.svg (../shared/zen-icons/lin/reload.svg)
* skin/classic/browser/zen-icons/report.svg (../shared/zen-icons/lin/report.svg)
* skin/classic/browser/zen-icons/save.svg (../shared/zen-icons/lin/save.svg)
@@ -134,7 +133,6 @@
* skin/classic/browser/zen-icons/sparkles.svg (../shared/zen-icons/lin/sparkles.svg)
* skin/classic/browser/zen-icons/spell-check.svg (../shared/zen-icons/lin/spell-check.svg)
* skin/classic/browser/zen-icons/split.svg (../shared/zen-icons/lin/split.svg)
* skin/classic/browser/zen-icons/stop-to-reload.svg (../shared/zen-icons/lin/stop-to-reload.svg)
* skin/classic/browser/zen-icons/tab-audio-blocked-small.svg (../shared/zen-icons/lin/tab-audio-blocked-small.svg)
* skin/classic/browser/zen-icons/tab-audio-muted-small.svg (../shared/zen-icons/lin/tab-audio-muted-small.svg)
* skin/classic/browser/zen-icons/tab-audio-playing-small.svg (../shared/zen-icons/lin/tab-audio-playing-small.svg)
@@ -265,7 +263,6 @@
* skin/classic/browser/zen-icons/private-window.svg (../shared/zen-icons/lin/private-window.svg)
* skin/classic/browser/zen-icons/privateBrowsing.svg (../shared/zen-icons/lin/privateBrowsing.svg)
* skin/classic/browser/zen-icons/reader-mode.svg (../shared/zen-icons/lin/reader-mode.svg)
* skin/classic/browser/zen-icons/reload-to-stop.svg (../shared/zen-icons/lin/reload-to-stop.svg)
* skin/classic/browser/zen-icons/reload.svg (../shared/zen-icons/lin/reload.svg)
* skin/classic/browser/zen-icons/report.svg (../shared/zen-icons/lin/report.svg)
* skin/classic/browser/zen-icons/save.svg (../shared/zen-icons/lin/save.svg)
@@ -288,7 +285,6 @@
* skin/classic/browser/zen-icons/sparkles.svg (../shared/zen-icons/lin/sparkles.svg)
* skin/classic/browser/zen-icons/spell-check.svg (../shared/zen-icons/lin/spell-check.svg)
* skin/classic/browser/zen-icons/split.svg (../shared/zen-icons/lin/split.svg)
* skin/classic/browser/zen-icons/stop-to-reload.svg (../shared/zen-icons/lin/stop-to-reload.svg)
* skin/classic/browser/zen-icons/tab-audio-blocked-small.svg (../shared/zen-icons/lin/tab-audio-blocked-small.svg)
* skin/classic/browser/zen-icons/tab-audio-muted-small.svg (../shared/zen-icons/lin/tab-audio-muted-small.svg)
* skin/classic/browser/zen-icons/tab-audio-playing-small.svg (../shared/zen-icons/lin/tab-audio-playing-small.svg)
@@ -419,7 +415,6 @@
* skin/classic/browser/zen-icons/private-window.svg (../shared/zen-icons/lin/private-window.svg)
* skin/classic/browser/zen-icons/privateBrowsing.svg (../shared/zen-icons/lin/privateBrowsing.svg)
* skin/classic/browser/zen-icons/reader-mode.svg (../shared/zen-icons/lin/reader-mode.svg)
* skin/classic/browser/zen-icons/reload-to-stop.svg (../shared/zen-icons/lin/reload-to-stop.svg)
* skin/classic/browser/zen-icons/reload.svg (../shared/zen-icons/lin/reload.svg)
* skin/classic/browser/zen-icons/report.svg (../shared/zen-icons/lin/report.svg)
* skin/classic/browser/zen-icons/save.svg (../shared/zen-icons/lin/save.svg)
@@ -442,7 +437,6 @@
* skin/classic/browser/zen-icons/sparkles.svg (../shared/zen-icons/lin/sparkles.svg)
* skin/classic/browser/zen-icons/spell-check.svg (../shared/zen-icons/lin/spell-check.svg)
* skin/classic/browser/zen-icons/split.svg (../shared/zen-icons/lin/split.svg)
* skin/classic/browser/zen-icons/stop-to-reload.svg (../shared/zen-icons/lin/stop-to-reload.svg)
* skin/classic/browser/zen-icons/tab-audio-blocked-small.svg (../shared/zen-icons/lin/tab-audio-blocked-small.svg)
* skin/classic/browser/zen-icons/tab-audio-muted-small.svg (../shared/zen-icons/lin/tab-audio-muted-small.svg)
* skin/classic/browser/zen-icons/tab-audio-playing-small.svg (../shared/zen-icons/lin/tab-audio-playing-small.svg)

32
src/browser/themes/shared/zen-icons/lin/reload-to-stop.svg
View File

@@ -1,32 +0,0 @@
#filter dumbComments emptyLines substitution
# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
<!-- do not round the stroke-width -->
<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.001" stroke="context-fill" stroke-opacity="context-fill-opacity" width="260" height="20" fill="none" stroke-linecap="round" stroke-linejoin="round">
<defs>
<clipPath id="a"><path d="M0 3h6l8 7 5 1v9H0z"/></clipPath>
<clipPath id="b"><path d="M9 0v12l-5 8H0V0z"/></clipPath>
<clipPath id="c"><path d="m5 3 2 4h5V0H5z"/></clipPath>
<clipPath id="d"><path d="m10 8-2 2-5-5 2-2z"/></clipPath>
<clipPath id="e"><path d="m5 3 10 10-2 2L3 5z"/></clipPath>
<clipPath id="f"><path d="m5 3 12 12-2 2L3 5z"/></clipPath>
<clipPath id="g"><path d="m3 1 16 16H3z"/></clipPath>
<clipPath id="h"><path d="M3 3h7l7 7v7H3z"/></clipPath>
<path id="reload" d="M17.48 9.5v.5c0 4.1-3.4 7.5-7.5 7.5s-7.5-3.4-7.5-7.5 3.4-7.5 7.5-7.5c2.8 0 5.2 1.5 6.5 3.8m.02-3.8v4h-4"/>
<path id="close" d="m4.5 4.5 11 11m-11 0 11-11"/>
</defs>
<svg><use href="#reload"/></svg>
<svg x="20"><use href="#reload" transform="rotate(45 10 10)"/></svg>
<svg x="40"><use href="#reload" transform="rotate(125 10 10)"/></svg>
<svg x="60"><use href="#reload" transform="rotate(195 10 10)"/></svg>
<svg x="80"><use href="#reload" transform="rotate(235 10 10)"/></svg>
<svg x="100"><g clip-path="url(#a)"><use href="#reload" transform="rotate(260 10 10)"/></g></svg>
<svg x="120"><g clip-path="url(#b)"><use href="#reload" transform="rotate(280 10 10)"/></g></svg>
<svg x="140"><g clip-path="url(#c)"><use href="#reload" transform="rotate(300 10 10)"/></g><use href="#close" clip-path="url(#d)"/></svg>
<svg x="160"><use href="#close" clip-path="url(#e)"/></svg>
<svg x="180"><use href="#close" clip-path="url(#f)"/></svg>
<svg x="200"><use href="#close" clip-path="url(#g)"/></svg>
<svg x="220"><use href="#close" clip-path="url(#h)"/></svg>
<svg x="240"><use href="#close"/></svg>
</svg>

39
src/browser/themes/shared/zen-icons/lin/stop-to-reload.svg
View File

@@ -1,39 +0,0 @@
#filter dumbComments emptyLines substitution
# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
<!-- do not round the stroke-width -->
<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.001" stroke="context-fill" stroke-opacity="context-fill-opacity" fill="none" stroke-linecap="round" stroke-linejoin="round">
<defs>
<clipPath id="a"><path d="m3 6 11 11h3V3H3Z"/></clipPath>
<clipPath id="b"><path d="M5 3 3 5l12 12 2-2L5 3zm10 0-2 2 2 2 2-2-2-2z"/></clipPath>
<clipPath id="c"><path d="m5 3 12 12-2 2L3 5Z"/></clipPath>
<clipPath id="d"><path d="m5 3 7 7-2 2-7-7z"/></clipPath>
<clipPath id="e"><path d="m5 3 2 2-2 2-2-2Z"/></clipPath>
<clipPath id="f"><path d="m16 3-4 6h10Z"/></clipPath>
<clipPath id="g"><path d="m11 11 8 6V4h-4z"/></clipPath>
<clipPath id="h"><path d="m11 11-1 9h9V0l-7 8z"/></clipPath>
<clipPath id="i"><path d="M16 3 3 17v3h16V3Z"/></clipPath>
<clipPath id="j"><path d="m16 3-3 4-13 3v10h19V3Z"/></clipPath>
<clipPath id="k"><path d="m16 3-3 4L0 2v18h20V3Z"/></clipPath>
<clipPath id="l"><path d="m16 3-3 4-8-7H0v20h20V3Z"/></clipPath>
<clipPath id="m"><path d="m16 3-3 4-2-7H0v20h20V3Z"/></clipPath>
<path id="reload" d="M17.48 9.5v.5c0 4.1-3.4 7.5-7.5 7.5s-7.5-3.4-7.5-7.5 3.4-7.5 7.5-7.5c2.8 0 5.2 1.5 6.5 3.8m.02-3.8v4h-4"/>
<path id="close" d="m4.5 4.5 11 11m-11 0 11-11"/>
</defs>
<svg><use href="#close"/></svg>
<svg x="20"><use href="#close" clip-path="url(#a)"/></svg>
<svg x="40"><use href="#close" clip-path="url(#b)"/></svg>
<svg x="60"><g clip-path="url(#f)"><use href="#reload" transform="rotate(40 10 10)"/></g><use href="#close" clip-path="url(#c)"/></svg>
<svg x="80"><g clip-path="url(#g)"><use href="#reload" transform="rotate(80 10 10)"/></g><use href="#close" clip-path="url(#d)"/></svg>
<svg x="100"><g clip-path="url(#h)"><use href="#reload" transform="rotate(120 10 10)"/></g><use href="#close" clip-path="url(#e)"/></svg>
<svg x="120"><g clip-path="url(#i)"><use href="#reload" transform="rotate(160 10 10)"/></g></svg>
<svg x="140"><g clip-path="url(#j)"><use href="#reload" transform="rotate(200 10 10)"/></g></svg>
<svg x="160"><g clip-path="url(#k)"><use href="#reload" transform="rotate(250 10 10)"/></g></svg>
<svg x="180"><g clip-path="url(#l)"><use href="#reload" transform="rotate(270 10 10)"/></g></svg>
<svg x="200"><g clip-path="url(#m)"><use href="#reload" transform="rotate(300 10 10)"/></g></svg>
<svg x="220"><use href="#reload" transform="rotate(335 10 10)"/></svg>
<svg x="240"><use href="#reload" transform="rotate(345 10 10)"/></svg>
<svg x="260"><use href="#reload" transform="rotate(355 10 10)"/></svg>
<svg x="280"><use href="#reload"/></svg>
</svg>