ZenBrowserMirrors/theme-store
1
0
Fork 0
mirror of https://github.com/zen-browser/theme-store.git synced 2025-07-07 17:05:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

user vars and move selector to root

Browse source
This commit is contained in:
Ahmad Aziz 2025-06-26 16:58:30 +00:00
parent 1fdef11735
commit 6d9437edf5
1 changed files with 26 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

52
themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css
View file

@ -1,3 +1,23 @@
:root {
--floating-history-transform-translateX: 110%;
--floating-history-position-right: 15px;
--floating-history-position-left: auto;
}
/* Horizontal Position */
:root:has(#theme-Floating-History[theme-floating_history-position="right"]) {
--floating-history-transform-translateX: 110%;
--floating-history-position-right: 15px;
--floating-history-position-left: auto;
}
:root:has(#theme-Floating-History[theme-floating_history-position="left"]) {
--floating-history-transform-translateX: -110%;
--floating-history-position-left: 15px;
--floating-history-position-right: auto;
}
/* Disable dragable splitter */
#sidebar-box[sidebarcommand="viewHistorySidebar"] + splitter {
display: none !important;
@ -14,16 +34,11 @@
height: 80% !important;
width: 22em !important;
body:has(#mod-floating_history[mod-floating_history-position="right"]) {
right: 15px;
}
body:has(#mod-floating_history[mod-floating_history-position="left"]) {
left: 15px;
}
position: fixed !important;
right: var(--floating-history-position-right);
left: var(--floating-history-position-left);
transform: translateX(50%) !important;
z-index: 10;
@ -42,26 +57,12 @@
&[hidden="true"] {
display: flex !important;
body:has(#mod-floating_history[mod-floating_history-position="right"]) {
transform: translateX(110%) translateY(12%) !important;
}
body:has(#mod-floating_history[mod-floating_history-position="left"]) {
transform: translateX(-110%) translateY(12%) !important;
}
transform: translateX(var(--floating-history-transform-translateX)) translateY(12%) !important;
}
@starting-style {
display: flex !important;
body:has(#mod-floating_history[mod-floating_history-position="right"]) {
transform: translateX(110%) translateY(12%) !important;
}
body:has(#mod-floating_history[mod-floating_history-position="left"]) {
transform: translateX(-110%) translateY(12%) !important;
}
transform: translateX(var(--floating-history-transform-translateX)) translateY(12%) !important;
}
&[checked="true"] {
@ -70,7 +71,6 @@
}
}
/* Inner Styles of History Tab */
#sidebar-box[sidebarcommand="viewHistorySidebar"] box#sidebar-header {