1
0
Fork 1
mirror of https://github.com/zen-browser/desktop.git synced 2025-07-08 19:59:59 +02:00
This commit is contained in:
mr. m 2025-05-30 19:02:08 +02:00
commit 00d3ba11d2
No known key found for this signature in database
GPG key ID: 419302196C23B258
7 changed files with 114 additions and 42 deletions

View file

@ -4,35 +4,76 @@ body:
- type: markdown - type: markdown
attributes: attributes:
value: | value: |
Thank you for filing a bug report! <p align="center">
<a href="https://zen-browser.app">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/zen-browser/desktop/dev/docs/assets/zen-light.svg">
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/zen-browser/desktop/dev/docs/assets/zen-dark.svg">
<img src="https://raw.githubusercontent.com/zen-browser/desktop/dev/docs/assets/zen-light.svg" alt="Zen Logo" width="64" height="64">
</picture>
<img src="https://raw.githubusercontent.com/zen-browser/desktop/dev/docs/assets/zen-browser.svg" alt="Zen Browser Text" width="156" height="64">
</a>
</p>
## IMPORTANT READ <p align="center"><em>Thank you for filing a bug report!</em></p>
- Please provide descriptive titles. Bad titles do more harm than good.
- Please search existing issues to avoid creating duplicates. > [!IMPORTANT]
- For enhancement requests, please use GitHub Discussions. > - Please provide descriptive titles. Bad titles do more harm than good.
- Please fill out the template below to the best of your ability. > - Please search existing issues to avoid creating duplicates.
- Please describe the issue as much as possible and provide steps to reproduce it along with visual aids if possible. > - For enhancement requests, please use GitHub Discussions.
> - Please fill out the template below to the best of your ability.
> - Please describe the issue as much as possible and provide steps to reproduce it along with visual aids if possible.
- type: checkboxes - type: checkboxes
id: captchas id: captchas
attributes: attributes:
label: Captchas label: Preliminary Checks
description: Just making sure you did actually read the instructions. description: Please confirm the following before submitting a bug report. This helps us triage and resolve issues more efficiently.
options: options:
- label: I have read the instructions. - label: I have read and understood the important section above.
required: true
- label: I have searched existing issues and avoided creating duplicates. - label: I have searched existing issues and avoided creating duplicates.
required: true
- label: I am not filing an enhancement request. - label: I am not filing an enhancement request.
required: true
- label: I have checked that this issue cannot be reproduced on Mozilla Firefox. - label: I have checked that this issue cannot be reproduced on Mozilla Firefox.
required: true
- label: I have checked that this issue can be reproduced once I removed all my Mods and Custom CSS. - label: I have checked that this issue can be reproduced once I removed all my Mods and Custom CSS.
validations:
required: true required: true
- type: textarea - type: textarea
id: what-happened id: what-happened
attributes: attributes:
label: What happened? label: What happened?
description: Also tell us, what did you expect to happen? description: Describe the bug clearly and concisely.
placeholder: Tell us what you see! placeholder: Tell us what you see!
validations: validations:
required: true required: true
- type: input
id: expected-behavior
attributes:
label: Expected behavior
description: Please write a description of what was supposed to happen.
validations:
required: true
- type: input
id: actual-behavior
attributes:
label: Actual behavior
description: Please write a description of what actually happened.
validations:
required: true
- type: textarea
id: how-to-reproduce
attributes:
label: Steps to reproduce
description: Please Provide numbered steps to reproduce this issue so developers can replicate them easily.
validations:
required: true
- type: textarea
id: screenshots
attributes:
label: Screenshots and videos
description: |
If applicable, add screenshots or videos to help explain your problem.
- type: input - type: input
id: version id: version
attributes: attributes:
@ -52,8 +93,8 @@ body:
- Linux (Tarball) - Linux (Tarball)
- macOS - aarch64 - macOS - aarch64
- macOS - Intel - macOS - Intel
- Windows - x64
- Windows - aarch64 - Windows - aarch64
- Windows - x64
- Other - Other
validations: validations:
required: true required: true
@ -63,26 +104,26 @@ body:
label: What component is this issue related to? label: What component is this issue related to?
options: options:
- Other - Other
- Compact Mode
- Workspaces
- Mods / Themes
- Glance
- URL Bar
- Tabs
- Split View
- Settings
- Privacy
- Performance
- Media Controler
- Tab unloading
- Tab Folders
- Keyboard Shortcuts
- Security
- Extensions
- Customizable UI / Toolbars
- Localization
- Bookmarks - Bookmarks
- Compact Mode
- Customizable UI / Toolbars
- Extensions
- Glance
- Keyboard Shortcuts
- Localization
- Media Controler
- Mods / Themes
- Performance
- Privacy
- Security
- Settings
- Split View
- Sync - Sync
- Tab Folders
- Tab unloading
- Tabs
- URL Bar
- Workspaces
validations: validations:
required: true required: true

View file

@ -0,0 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 64" height="64" width="156">
<defs>
<style>
.label {
font-size: 1.5rem;
font-family: sans-serif;
font-weight: 700;
text-align: center;
fill: #1f1f1f;
}
@media (prefers-color-scheme: dark) {
.label {
fill: #d1cfc0;
}
}
</style>
</defs>
<text class="label" y="38" x="5">Zen Browser</text>
</svg>

After

Width:  |  Height:  |  Size: 454 B

View file

@ -3,6 +3,8 @@
// file, You can obtain one at http://mozilla.org/MPL/2.0/. // file, You can obtain one at http://mozilla.org/MPL/2.0/.
{ {
var ZenStartup = { var ZenStartup = {
_watermarkIgnoreElements: ['zen-browser-background'],
init() { init() {
this.openWatermark(); this.openWatermark();
this._initBrowserBackground(); this._initBrowserBackground();
@ -107,9 +109,10 @@
closeWatermark() { closeWatermark() {
document.documentElement.removeAttribute('zen-before-loaded'); document.documentElement.removeAttribute('zen-before-loaded');
if (Services.prefs.getBoolPref('zen.watermark.enabled', false)) { if (Services.prefs.getBoolPref('zen.watermark.enabled', false)) {
let elementsToIgnore = this._watermarkIgnoreElements.map((id) => '#' + id).join(', ');
gZenUIManager.motion gZenUIManager.motion
.animate( .animate(
'#browser > *, #urlbar, #tabbrowser-tabbox > *', '#browser > *:not(' + elementsToIgnore + '), #urlbar, #tabbrowser-tabbox > *',
{ {
opacity: [0, 1], opacity: [0, 1],
}, },

View file

@ -26,7 +26,7 @@
} }
} }
:root[zen-before-loaded='true'] #browser > *, :root[zen-before-loaded='true'] #browser > *:not(#zen-browser-background),
:root[zen-before-loaded='true'] #urlbar { :root[zen-before-loaded='true'] #urlbar {
opacity: 0 !important; opacity: 0 !important;
} }

View file

@ -1314,15 +1314,15 @@
/* Style background */ /* Style background */
& .tab-background { & .tab-background {
border-radius: var(--border-radius-medium) !important; /* Use medium radius */ border-radius: var(--border-radius-medium) !important;
transition: background 0.1s ease-in-out; /* Smooth background transition */ transition: background 0.1s ease-in-out;
} }
--tab-selected-bgcolor: light-dark(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.2)); --tab-selected-bgcolor: light-dark(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.2));
&:not([visuallyselected], [multiselected='true']) .tab-background { &:not([visuallyselected], [multiselected='true']) .tab-background {
background: var(--zen-toolbar-element-bg); /* Use generic element background */ background: var(--zen-toolbar-element-bg);
border: none; /* No border */ border: none;
} }
& .tab-content { & .tab-content {

View file

@ -6,8 +6,13 @@
var _tabsToPin = []; var _tabsToPin = [];
var _tabsToPinEssentials = []; var _tabsToPinEssentials = [];
const kZenElementsToIgnore = ['zen-browser-background'];
function clearBrowserElements() { function clearBrowserElements() {
for (const element of document.getElementById('browser').children) { for (const element of document.getElementById('browser').children) {
if (kZenElementsToIgnore.includes(element.id)) {
continue;
}
element.style.display = 'none'; element.style.display = 'none';
} }
} }
@ -266,11 +271,15 @@
document.getElementById('zen-welcome').remove(); document.getElementById('zen-welcome').remove();
document.documentElement.removeAttribute('zen-welcome-stage'); document.documentElement.removeAttribute('zen-welcome-stage');
for (const element of document.getElementById('browser').children) { for (const element of document.getElementById('browser').children) {
if (kZenElementsToIgnore.includes(element.id)) {
continue;
}
element.style.opacity = 0; element.style.opacity = 0;
element.style.removeProperty('display'); element.style.removeProperty('display');
} }
gZenUIManager.updateTabsToolbar(); gZenUIManager.updateTabsToolbar();
await animate('#browser > *', { opacity: [0, 1] }); let elementsToIgnore = kZenElementsToIgnore.map((id) => `#${id}`).join(', ');
await animate(`#browser > *:not(${elementsToIgnore})`, { opacity: [0, 1] });
gZenUIManager.showToast('zen-welcome-finished'); gZenUIManager.showToast('zen-welcome-finished');
} }

View file

@ -207,8 +207,8 @@
} }
#zen-welcome-initial-essentials-browser { #zen-welcome-initial-essentials-browser {
width: 70%; min-width: 70%;
height: 80%; min-height: 80%;
display: flex; display: flex;
margin-left: auto; margin-left: auto;
margin-top: auto; margin-top: auto;
@ -282,7 +282,7 @@
--border-radius-medium: 1rem; --border-radius-medium: 1rem;
&[visuallyselected] { &[visuallyselected] {
transform: scale(1.04); transform: scale(1.06);
} }
& .tab-background::after { & .tab-background::after {