mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-16 23:06:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Small updates

Browse Source
This commit is contained in:
mr. m
2025-02-16 14:14:38 +01:00
parent 668e30aebe
commit fdb26de664
4 changed files with 47 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -105,6 +105,15 @@
<panelmultiview id="PanelUI-zen-gradient-generator-multiview" mainViewId="PanelUI-zen-gradient-generator-view">
<panelview id="PanelUI-zen-gradient-generator-view" class="PanelUI-subView zen-theme-picker" role="document" mainview-with-header="true" has-custom-header="true">
<hbox class="zen-theme-picker-gradient">
<div id="PanelUI-zen-gradient-generator-color-actions">
<button id="PanelUI-zen-gradient-generator-color-add" class="subviewbutton" oncommand="gZenThemePicker.addColor();" data-l10n-id="zen-panel-ui-gradient-generator-color-add">
</button>
<button id="PanelUI-zen-gradient-generator-color-remove" class="subviewbutton" oncommand="gZenThemePicker.removeColor();" data-l10n-id="zen-panel-ui-gradient-generator-color-remove">
</button>
<html:div class="separator"></html:div>
<button id="PanelUI-zen-gradient-generator-color-reverse" class="subviewbutton" oncommand="gZenThemePicker.reverseColors();" data-l10n-id="zen-panel-ui-gradient-generator-color-reverse">
</button>
</div>
</hbox>
<hbox id="PanelUI-zen-gradient-generator-controls">
<vbox id="PanelUI-zen-gradient-generator-options">

33
src/browser/base/content/zen-styles/zen-gradient-generator.css
View File

@@ -255,3 +255,36 @@
}
}
}
#PanelUI-zen-gradient-generator-color-actions {
display: flex;
gap: 10px;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
& .separator,
& button {
background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.1));
}
& button {
padding: 0.4rem;
border-radius: 5px;
transition: background 0.2s;
&:hover {
background: light-dark(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
}
}
& .separator {
width: 1px;
height: 20px;
}
}
@media not (-moz-bool-pref: 'zen.theme.gradient.show-custom-colors') {
#PanelUI-zen-gradient-generator-custom-colors {
display: none !important;
}
}