mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-04-02 05:39:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixing workspaces icon picker

Browse Source
This commit is contained in:
HarryHeres
2024-10-18 00:29:34 +02:00
committed by mr. m 🤙
parent a5ace90bd6
commit 92b014a706
2 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/browser/base/content/zen-popupset.inc.xhtml
View File

@@ -151,10 +151,9 @@
</button>
</html:moz-button-group>
</panelview>
<panelview id="PanelUI-zen-workspaces-icon-picker" class="PanelUI-subView" role="document" mainview-with-header="true" has-custom-header="true">
</panelview>
</panelmultiview>
<panel type="arrow" role="menu" id="PanelUI-zen-workspaces-icon-picker" side="left">
</panel>
</panel>
<menupopup id="zenWorkspaceActionsMenu"
@@ -175,4 +174,4 @@
</menu>
<menuseparator/>
<menuitem id="context_zenDeleteWorkspace" oncommand="ZenWorkspaces.contextDelete(event);" data-l10n-id="zen-workspaces-panel-context-delete"/>
</menupopup>
</menupopup>

39
src/browser/base/content/zen-styles/zen-workspaces.css
View File

@@ -37,7 +37,11 @@
width: 4px;
border-radius: 99px;
height: 4px;
background: color-mix(in srgb, var(--zen-primary-color) 10%, light-dark(rgba(0,0,0,.4), rgba(255,255,255,.4)) 90%);
background: color-mix(
in srgb,
var(--zen-primary-color) 10%,
light-dark(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.4)) 90%
);
left: 50%;
top: 50%;
filter: saturate(140%) brightness(110%) !important;
@@ -157,7 +161,7 @@
/* Workspaces Panel UI */
#PanelUI-zen-workspaces {
--panel-width: 320px;
--subpanel-width: 320px;
--panel-padding: 0;
}
@@ -167,10 +171,10 @@
overflow-y: auto;
}
#PanelUI-zen-workspaces panelmultiview panelview {
#PanelUI-zen-workspaces panelmultiview panelview:not(#PanelUI-zen-workspaces-icon-picker) {
position: relative;
padding: 15px;
width: var(--panel-width);
width: var(--subpanel-width);
}
#PanelUI-zen-workspaces-icon-picker toolbarbutton {
@@ -196,17 +200,25 @@
}
#PanelUI-zen-workspaces-icon-picker {
display: grid;
grid-template-columns: auto auto auto;
overflow-x: hidden;
justify-items: center;
overflow-y: auto;
max-width: 290px;
max-height: 290px;
max-width: 150px !important;
min-width: 150px !important;
max-height: 200px;
min-height: 200px;
padding: 0px !important;
&::part(content) {
padding: 5px;
display: flex;
gap: 10px;
gap: 5px;
flex-wrap: wrap;
}
@@ -253,7 +265,7 @@
}
}
#PanelUI-zen-workspaces-list toolbarbutton{
#PanelUI-zen-workspaces-list toolbarbutton {
padding: 5px;
border-radius: var(--zen-button-border-radius);
@@ -299,13 +311,13 @@
font-weight: normal;
}
& .zen-workspace-actions, .zen-workspace-actions-reorder-icon {
& .zen-workspace-actions,
.zen-workspace-actions-reorder-icon {
display: none;
margin: 0;
margin-left: auto !important;
}
&.zen-workspace-button[active='true'] {
position: relative;
}
@@ -342,14 +354,14 @@
color: var(--toolbarbutton-icon-fill-attention) !important;
}
#PanelUI-zen-workspaces-list:not([reorder-mode="true"]) toolbarbutton {
#PanelUI-zen-workspaces-list:not([reorder-mode='true']) toolbarbutton {
&:hover .zen-workspace-actions,
& .zen-workspace-actions[active='true'] {
display: flex;
}
}
#PanelUI-zen-workspaces-list[reorder-mode="true"] toolbarbutton {
#PanelUI-zen-workspaces-list[reorder-mode='true'] toolbarbutton {
.zen-workspace-actions-reorder-icon {
display: flex;
}
@@ -359,7 +371,8 @@
margin-top: 10px;
}
#PanelUI-zen-workspaces-new, #PanelUI-zen-workspaces-reorder-mode {
#PanelUI-zen-workspaces-new,
#PanelUI-zen-workspaces-reorder-mode {
margin-left: auto;
min-height: 1px !important;
padding: 3px;