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

Enhance welcome page functionality and styling in Zen component

Browse Source
This commit is contained in:
mr. M
2025-02-14 12:45:37 +01:00
parent fae7eaed93
commit b393979d53
4 changed files with 222 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/browser/base/content/ZenStartup.mjs
View File

@@ -123,15 +123,15 @@
},
_checkForWelcomePage() {
if (!Services.prefs.getBoolPref('zen.welcome-screen.seen', false) && Services.prefs.getBoolPref('zen.welcome-screen.enabled', true)) {
if (
!Services.prefs.getBoolPref('zen.welcome-screen.seen', false) &&
Services.prefs.getBoolPref('zen.welcome-screen.enabled', true)
) {
//Services.prefs.setBoolPref('zen.welcome-screen.seen', true);
console.log('ZenStartup: Show welcome page');
Services.scriptloader.loadSubScript(
"chrome://browser/content/zen-components/ZenWelcome.mjs",
window
);
Services.scriptloader.loadSubScript('chrome://browser/content/zen-components/ZenWelcome.mjs', window);
}
}
},
};
ZenStartup.init();

30
src/browser/base/content/zen-styles/zen-welcome.css
View File

@@ -1,11 +1,15 @@
#zen-welcome,
#zen-welcome-start {
#zen-welcome-start,
#zen-welcome-pages {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
& + #zen-sidebar-splitter {
display: none;
}
}
#zen-welcome-start {
@@ -38,3 +42,25 @@
}
}
}
#zen-welcome-pages {
justify-content: start;
align-items: start;
display: none;
#zen-welcome-page-sidebar {
background: rgba(255, 255, 255, 0.1);
box-shadow: var(--zen-big-shadow);
flex-direction: column;
justify-content: space-between;
padding: 2rem;
width: 33%;
height: 100%;
backdrop-filter: blur(10px);
}
#zen-welcome-page-sidebar-buttons {
flex-direction: column;
gap: 5px;
}
}