mirror of
https://github.com/zen-browser/desktop.git
synced 2026-02-19 01:48:22 +00:00
Started working on better profiles
This commit is contained in:
@@ -1 +1 @@
|
||||
36
|
||||
37
|
||||
11
src/browser/base/content/appmenu-viewcache-inc-xhtml.patch
Normal file
11
src/browser/base/content/appmenu-viewcache-inc-xhtml.patch
Normal file
@@ -0,0 +1,11 @@
|
||||
diff --git a/browser/base/content/appmenu-viewcache.inc.xhtml b/browser/base/content/appmenu-viewcache.inc.xhtml
|
||||
index 07b1765f18236835363fb74c898d3a690659cc9b..7b58cbb5de147ed29fbc48c0093c731fe5cca90b 100644
|
||||
--- a/browser/base/content/appmenu-viewcache.inc.xhtml
|
||||
+++ b/browser/base/content/appmenu-viewcache.inc.xhtml
|
||||
@@ -765,5 +765,6 @@
|
||||
</vbox>
|
||||
</panelview>
|
||||
|
||||
+#include zen-panels-ui.inc.xhtml
|
||||
#include ../../components/reportbrokensite/content/reportBrokenSitePanel.inc.xhtml
|
||||
</html:template>
|
||||
@@ -1,5 +1,5 @@
|
||||
diff --git a/browser/base/content/browser.css b/browser/base/content/browser.css
|
||||
index 8a2a20280954eb9db144a723f477e7afc603fda3..b4697a1195644b1869e2aaa7f03dbb34af7bc747 100644
|
||||
index 8a2a20280954eb9db144a723f477e7afc603fda3..e3069de5c78cab1b26f602b7ae501e22687d2cad 100644
|
||||
--- a/browser/base/content/browser.css
|
||||
+++ b/browser/base/content/browser.css
|
||||
@@ -2,6 +2,8 @@
|
||||
@@ -11,7 +11,7 @@ index 8a2a20280954eb9db144a723f477e7afc603fda3..b4697a1195644b1869e2aaa7f03dbb34
|
||||
@namespace html url("http://www.w3.org/1999/xhtml");
|
||||
|
||||
:root,
|
||||
@@ -1319,9 +1321,9 @@ printpreview-pagination:focus-within,
|
||||
@@ -1319,13 +1321,13 @@ printpreview-pagination:focus-within,
|
||||
|
||||
|
||||
#sidebar-box {
|
||||
@@ -23,6 +23,11 @@ index 8a2a20280954eb9db144a723f477e7afc603fda3..b4697a1195644b1869e2aaa7f03dbb34
|
||||
}
|
||||
|
||||
/* WebExtension Sidebars */
|
||||
-#sidebar-box[sidebarcommand$="-sidebar-action"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
|
||||
+#sidebar-box[sidebarcommand$="-sidebar-action"] #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
|
||||
list-style-image: var(--webextension-menuitem-image, inherit);
|
||||
-moz-context-properties: fill;
|
||||
fill: currentColor;
|
||||
@@ -1526,3 +1528,19 @@ toolbar[keyNav=true]:not([collapsed=true], [customizing=true]) toolbartabstop {
|
||||
/**
|
||||
* End Dialogs
|
||||
|
||||
7
src/browser/base/content/zen-panels-ui.inc.xhtml
Normal file
7
src/browser/base/content/zen-panels-ui.inc.xhtml
Normal file
@@ -0,0 +1,7 @@
|
||||
<panelview id="PanelUI-zen-profiles" side="right">
|
||||
<vbox class="panel-subview-body">
|
||||
<div id="PanelUI-zen-profiles-header">
|
||||
|
||||
</div>
|
||||
</vbox>
|
||||
</panelview>
|
||||
@@ -10,5 +10,6 @@
|
||||
<toolbarbutton id="sidebar-close" class="close-icon tabbable" data-l10n-id="sidebar-close-button" oncommand="SidebarUI.hide();"/>
|
||||
</box>
|
||||
<browser id="sidebar" autoscroll="false" disablehistory="true" disablefullscreen="true" tooltip="aHTMLTooltip"/>
|
||||
#include zen-sidebar-icons.inc.xhtml
|
||||
</vbox>
|
||||
<splitter id="sidebar-splitter" class="chromeclass-extrachrome sidebar-splitter" resizebefore="sibling" resizeafter="none" hidden="true"/>
|
||||
6
src/browser/base/content/zen-sidebar-icons.inc.xhtml
Normal file
6
src/browser/base/content/zen-sidebar-icons.inc.xhtml
Normal file
@@ -0,0 +1,6 @@
|
||||
<toolbar id="zen-sidebar-icons-wrapper">
|
||||
<toolbarbutton class="toolbarbutton-1 zen-sidebar-action-button" id="zen-profile-button" data-l10n-id="toolbar-button-account" onclick="PanelUI.showSubView('PanelUI-zen-profiles', this, event)"></toolbarbutton>
|
||||
<toolbarbutton class="toolbarbutton-1 zen-sidebar-action-button" id="zen-bookmark-button" data-l10n-id="sidebar-menu-bookmarks" onclick="SidebarUI.show('viewBookmarksSidebar');"></toolbarbutton>
|
||||
<toolbarbutton class="toolbarbutton-1 zen-sidebar-action-button" id="zen-history-button" data-l10n-id="sidebar-menu-history" onclick="SidebarUI.show('viewHistorySidebar');"></toolbarbutton>
|
||||
<toolbarbutton class="toolbarbutton-1 zen-sidebar-action-button" id="zen-preferences-button" data-l10n-id="toolbar-settings-button" onclick="event.target.ownerGlobal.openPreferences(undefined);"></toolbarbutton>
|
||||
</toolbar>
|
||||
@@ -1,11 +1,13 @@
|
||||
diff --git a/browser/themes/shared/jar.inc.mn b/browser/themes/shared/jar.inc.mn
|
||||
index 37b5f04cddde9a3769d31c6e3a93b43da76f44e5..e7c79a280c9899675b8da8467960386106d42285 100644
|
||||
index 37b5f04cddde9a3769d31c6e3a93b43da76f44e5..91a98361c9cb389911c12ace35f8956d5f8ea396 100644
|
||||
--- a/browser/themes/shared/jar.inc.mn
|
||||
+++ b/browser/themes/shared/jar.inc.mn
|
||||
@@ -285,3 +285,6 @@
|
||||
@@ -285,3 +285,7 @@
|
||||
skin/classic/browser/weather/night-partly-cloudy-with-showers.svg (../shared/weather/night-partly-cloudy-with-showers.svg)
|
||||
skin/classic/browser/weather/night-partly-cloudy-with-thunderstorms.svg (../shared/weather/night-partly-cloudy-with-thunderstorms.svg)
|
||||
skin/classic/browser/weather/night-mostly-cloudy-with-flurries.svg (../shared/weather/night-mostly-cloudy-with-flurries.svg)
|
||||
+
|
||||
+ skin/classic/browser/zen-browser-shared.css (../shared/zen-browser-shared.css)
|
||||
+ skin/classic/browser/zen-sidebar.css (../shared/zen-sidebar.css)
|
||||
+ skin/classic/browser/zen-panel-ui.css (../shared/zen-panel-ui.css)
|
||||
\ No newline at end of file
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
|
||||
@import url("zen-panel-ui.css");
|
||||
|
||||
#navigator-toolbox toolbar#TabsToolbar {
|
||||
margin: 10px var(--zen-appcontent-separator-from-window);
|
||||
}
|
||||
@@ -45,7 +47,11 @@
|
||||
border-radius: 999px !important;
|
||||
}
|
||||
|
||||
#urlbar:not([extend="true"]) #identity-box.chromeUI #identity-icon-box {
|
||||
#urlbar #identity-box.chromeUI #identity-icon-box {
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
#urlbar:not([focused="true"]) #identity-box.chromeUI #identity-icon-box {
|
||||
border-radius: 20px 10px 10px 20px !important;
|
||||
}
|
||||
|
||||
@@ -58,7 +64,7 @@
|
||||
#urlbar:not([extend="true"]) #identity-box #identity-icon-box { position: relative;}
|
||||
|
||||
/* TODO: this does NOT show up! */
|
||||
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI):not(.localResource) #identity-icon-box::after {
|
||||
/* #urlbar:not([extend="true"]) #identity-box:not(.chromeUI):not(.localResource) #identity-icon-box::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@@ -68,15 +74,14 @@
|
||||
background: var(--zen-dialog-border-color);
|
||||
transition: .1s;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
} */
|
||||
|
||||
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI):not(.localResource) #identity-icon-box {
|
||||
margin: 0 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI):not(.localResource) {
|
||||
padding-right: 5px;
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.urlbar-page-action {
|
||||
|
||||
12
src/browser/themes/shared/zen-panel-ui.css
Normal file
12
src/browser/themes/shared/zen-panel-ui.css
Normal file
@@ -0,0 +1,12 @@
|
||||
|
||||
#PanelUI-zen-profiles {
|
||||
--menu-panel-width: 8em;
|
||||
}
|
||||
|
||||
#PanelUI-zen-profiles-header {
|
||||
width: -moz-available;
|
||||
height: 200px;
|
||||
border-radius: var(--panel-border-radius);
|
||||
background: var(--zen-main-browser-background);
|
||||
margin: 5px;
|
||||
}
|
||||
@@ -1,10 +1,14 @@
|
||||
:root {
|
||||
--sidebar-background-color: var(--toolbar-bgcolor) !important;
|
||||
--zen-sidebar-box-shadow: 0 1px 4px var(--color-black-a10);
|
||||
}
|
||||
|
||||
#sidebar-box {
|
||||
margin: var(--zen-appcontent-separator-from-window) !important;
|
||||
border-radius: var(--zen-panel-radius) !important;
|
||||
box-shadow: var(--zen-sidebar-box-shadow) !important;
|
||||
overflow: hidden;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
#sidebar-splitter {
|
||||
@@ -20,4 +24,97 @@
|
||||
|
||||
#sidebar-box:not([positionend]) {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#sidebar-box[hidden="true"] {
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
min-width: 0 !important;
|
||||
width: 50px !important;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#sidebar-box[hidden="true"] > *:not(#zen-sidebar-icons-wrapper) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#sidebar-box[hidden="true"] #zen-sidebar-icons-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 3px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: transparent !important;
|
||||
align-items: center;
|
||||
justify-content: end;
|
||||
}
|
||||
|
||||
.zen-sidebar-action-button {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.zen-sidebar-action-button:hover {
|
||||
background: var(--toolbarbutton-hover-background);
|
||||
}
|
||||
|
||||
.zen-sidebar-action-button:hover image {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.zen-sidebar-action-button label {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button {
|
||||
opacity: 0;
|
||||
animation: zen-sidebar-button-fadeIn 0.4s forwards;
|
||||
}
|
||||
|
||||
@keyframes zen-sidebar-button-fadeIn {
|
||||
0% {
|
||||
transform: translateX(-110%);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
|
||||
#zen-preferences-button {
|
||||
list-style-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
|
||||
#zen-history-button {
|
||||
list-style-image: url("chrome://browser/skin/history.svg");
|
||||
}
|
||||
|
||||
#zen-bookmark-button {
|
||||
list-style-image: url(chrome://browser/skin/bookmark-hollow.svg);
|
||||
}
|
||||
|
||||
#zen-profile-button {
|
||||
list-style-image: var(--avatar-image-url);
|
||||
}
|
||||
|
||||
/* Ugly code */
|
||||
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(1) { animation-delay: 0.1s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(2) { animation-delay: 0.2s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(3) { animation-delay: 0.3s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(4) { animation-delay: 0.4s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(5) { animation-delay: 0.5s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(6) { animation-delay: 0.6s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(7) { animation-delay: 0.7s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(8) { animation-delay: 0.8s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(9) { animation-delay: 0.9s; }
|
||||
#sidebar-box[hidden="true"] .zen-sidebar-action-button:nth-child(10) { animation-delay: 1s; }
|
||||
|
||||
Reference in New Issue
Block a user