chore: Update border radius for zen-global-shared.css and zen-xul.css

This commit is contained in:
Mauro Balades
2024-05-11 18:41:13 +02:00
parent 9d0ebddd50
commit 0ef15e9bd1
10 changed files with 42 additions and 31 deletions

View File

@@ -314,6 +314,7 @@ jobs:
run: |
pnpm package
mv ./dist/output.mar windows.mar
mv ./dist/zen-$(gluon get version | xargs).en-US.win64.zip zen.en-US.win64.zip
ls ./dist
- name: Upload artifact
uses: actions/upload-artifact@v3
@@ -321,6 +322,12 @@ jobs:
name: zen.installer.exe
path: ./dist/zen.installer.exe
- name: Upload artifact
uses: actions/upload-artifact@v3
with:
name: zen.en-US.win64.zip
path: ./dist/zen.en-US.win64.zip
- name: Upload mar
uses: actions/upload-artifact@v3
with:
@@ -517,7 +524,7 @@ jobs:
title: 'Alpha build'
files: |
zen.linux.tar.bz2
zen.installer.exe
zen-1.0.0-a.33.en-US.win64.zip
zen.source.tar.gz
linux.mar
windows.mar

View File

@@ -7,9 +7,11 @@
<label id="PanelUI-zen-profiles-current-name"></label>
<p id="PanelUI-zen-profiles-current-profile-current" data-l10n-id="zen-panel-ui-current-profile-text"></p>
</vbox>
<toolbarbutton id="PanelUI-zen-profiles-privateWin" command="Tools:PrivateBrowsing" data-l10n-id="appmenuitem-new-private-window" class="subviewbutton"></toolbarbutton>
<toolbarbutton id="PanelUI-zen-profiles-managePrfs" oncommand="switchToTabHavingURI('about:profiles', true);" data-l10n-id="appmenu-manage-profiles" class="subviewbutton"></toolbarbutton>
#if 0
<toolbarbutton id="PanelUI-zen-profiles-privateWin" command="Tools:PrivateBrowsing" data-l10n-id="appmenuitem-new-private-window" class="subviewbutton"></toolbarbutton>
<toolbarbutton id="PanelUI-zen-profiles-newProfile" oncommand="ZenProfileDialogUI.createProfileWizard();" data-l10n-id="appmenu-create-profile" class="subviewbutton"></toolbarbutton>
#endif
<vbox id="PanelUI-zen-profiles-list">
</vbox>
</vbox>

View File

@@ -1,5 +1,5 @@
diff --git a/browser/locales/en-US/browser/appmenu.ftl b/browser/locales/en-US/browser/appmenu.ftl
index 5ad2d75f6215f7da44948cda5ad938db8fd97e8d..dfc551d8d3227e9b5d1d0c9d3380fd0ad85ca65e 100644
index 5ad2d75f6215f7da44948cda5ad938db8fd97e8d..da4442ebcd594b602b9e991c9591071dddcaa5f6 100644
--- a/browser/locales/en-US/browser/appmenu.ftl
+++ b/browser/locales/en-US/browser/appmenu.ftl
@@ -314,3 +314,5 @@ appmenuitem-relay-title = { -relay-brand-short-name }
@@ -7,4 +7,4 @@ index 5ad2d75f6215f7da44948cda5ad938db8fd97e8d..dfc551d8d3227e9b5d1d0c9d3380fd0a
appmenuitem-vpn-title = { -mozilla-vpn-brand-name }
appmenuitem-vpn-description = Protect your online activity
+
+zen-panel-ui-current-profile-text = Current Profile
+zen-panel-ui-current-profile-text = current profile

View File

@@ -39,7 +39,7 @@
/* URL and tool bars */
#urlbar {
border: 1px solid light-dark(#ddd, #4a4a4a);
border: transparent;
overflow: hidden;
padding: 1px;
}
@@ -56,7 +56,7 @@
#urlbar[focused="true"] > #urlbar-background,
#searchbar:focus-within {
border-color: var(--urlbarView-separator-color) !important;
border-color: transparent !important;
}
#urlbar[focused="true"] {
@@ -447,7 +447,7 @@ panelmultiview {
#tabbrowser-tabbox[inlinedwithsidebar="true"] #tabbrowser-tabpanels .browserSidebarContainer {
border-radius: var(--zen-browser-border-radius);
border: 1px solid light-dark(#ddd, #4a4a4a);
border: var(--zen-appcontent-border);
width: 100%;
margin: 0 10px 10px 0;
}

View File

@@ -6,25 +6,24 @@
}
#PanelUI-zen-profiles-header {
width: -moz-available;
height: 100px;
background: var(--zen-main-browser-background);
width: 280px;
height: 130px;
background: var(--zen-colors-primary-foreground);
position: relative;
}
#PanelUI-zen-profiles-user-picture {
background-image: var(--avatar-image-url);
width: 80px;
height: 80px;
min-width: 80px;
border: 5px var(--arrowpanel-background) solid;
background-color: var(--arrowpanel-background);
width: 75px;
height: 75px;
border: 4px var(--arrowpanel-background) solid;
background-color: var(--zen-colors-primary-foreground);
border-radius: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 auto;
transform: translateY(60%);
transform: translateY(100%);
}
.PanelUI-zen-profiles-item {
@@ -86,12 +85,13 @@
}
#PanelUI-zen-profiles-current-info {
margin-top: 60px;
--zen-separation-from-content: 35px;
margin-top: calc(var(--zen-separation-from-content) + 30px); /** Ignore the profile picture */
}
#PanelUI-zen-profiles-current-name {
font-size: 1.4em;
font-weight: 500;
font-size: 1.3em;
font-weight: 600;
line-height: 0.5;
padding: 5px 10px;
border-radius: 5px;
@@ -116,7 +116,9 @@
#PanelUI-zen-profiles-current-profile-current {
font-size: 13px;
opacity: 0.5;
margin: 0 auto 15px auto;
margin: 0 auto var(--zen-separation-from-content) auto;
font-size: 15px;
font-weight: 600;
}
@@ -127,7 +129,7 @@
border-radius: 5px !important;
padding: 5px !important;
transition: .1s;
color: light-dark(black, white);
color: light-dark(white, black);
}
#PanelUI-zen-profiles-managePrfs:hover {

View File

@@ -6,7 +6,7 @@
--zen-appcontent-separator-from-window-single: 7px;
--zen-appcontent-separator-from-window: var(--zen-appcontent-separator-from-window-single);
--zen-appcontent-border-radius: var(--zen-panel-radius);
--zen-appcontent-border: 1px solid light-dark(#ddd, #4a4a4a);
--zen-appcontent-border: 2px solid var(--zen-colors-border);
--zen-browser-border-radius: 10px;
}

View File

@@ -25,7 +25,7 @@
--zen-colors-hover-bg: color-mix(in srgb, var(--zen-primary-color) 90%, white 10%);
--zen-colors-primary-foreground: color-mix(in srgb, var(--zen-primary-color) 80%, black 20%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 40%, black 60%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 70%, black 30%);
--zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 10%, white 80%);
@@ -58,8 +58,8 @@
--in-content-page-background: var(--zen-colors-tertiary) !important;
--zen-in-content-dialog-background: var(--zen-colors-tertiary);
--zen-button-border-radius: 999px;
--zen-button-padding: 0.9em 2.3em;
--zen-button-border-radius: 7px;
--zen-button-padding: 10px 14px;
/* Other colors */
--urlbar-box-bgcolor: light-dark(white, rgb(66, 65, 77)) !important;
@@ -79,7 +79,6 @@
--zen-colors-hover-bg: color-mix(in srgb, var(--zen-primary-color) 90%, black 10%);
--zen-colors-primary-foreground: color-mix(in srgb, var(--zen-primary-color) 80%, white 20%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 40%, black 60%);
--zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 10%, black 80%);

View File

@@ -1,5 +1,5 @@
diff --git a/toolkit/themes/shared/popup.css b/toolkit/themes/shared/popup.css
index ddc41a66ed0e3688ce34052652bef1fe33a08d49..78005dc087044ed57e974f6aa18dd23d61bdb76b 100644
index 1426f9c4f6f24f19277006ead43eb88a50a408e5..8f8da0189772e00fb787d6708fce0481e52eaf39 100644
--- a/toolkit/themes/shared/popup.css
+++ b/toolkit/themes/shared/popup.css
@@ -2,6 +2,8 @@
@@ -20,9 +20,10 @@ index ddc41a66ed0e3688ce34052652bef1fe33a08d49..78005dc087044ed57e974f6aa18dd23d
--panel-color: MenuText;
--panel-padding-block: 4px;
- --panel-padding: var(--panel-padding-block) 0;
+ --panel-padding: var(--panel-padding-block) 0 5px 0;
--panel-border-radius: 4px;
- --panel-border-radius: 4px;
- --panel-border-color: ThreeDShadow;
+ --panel-padding: var(--panel-padding-block) 0 5px 0;
+ --panel-border-radius: 10px;
+ --panel-border-color: transparent /* var(--arrowpanel-border-color) */ !important;
--panel-width: initial;

View File

@@ -6,7 +6,7 @@
--arrowpanel-background: var(--zen-dialog-background) !important;
--arrowpanel-border-color: var(--zen-dialog-border-color) !important;
--arrowpanel-border-radius: 15px !important;
--arrowpanel-border-radius: 12px !important;
&:-moz-lwtheme {
color: var(--lwt-text-color);

View File

@@ -229,7 +229,7 @@
menupopup::part(content),
panel::part(content) {
border: transparent !important;
border: var(--zen-appcontent-border) !important;
}
menupopup,