mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
user vars and move selector to root
This commit is contained in:
parent
1fdef11735
commit
6d9437edf5
1 changed files with 26 additions and 26 deletions
|
@ -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 */
|
/* Disable dragable splitter */
|
||||||
#sidebar-box[sidebarcommand="viewHistorySidebar"] + splitter {
|
#sidebar-box[sidebarcommand="viewHistorySidebar"] + splitter {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
|
@ -13,17 +33,12 @@
|
||||||
order: none !important;
|
order: none !important;
|
||||||
height: 80% !important;
|
height: 80% !important;
|
||||||
width: 22em !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;
|
position: fixed !important;
|
||||||
|
|
||||||
|
right: var(--floating-history-position-right);
|
||||||
|
left: var(--floating-history-position-left);
|
||||||
|
|
||||||
transform: translateX(50%) !important;
|
transform: translateX(50%) !important;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
||||||
|
@ -42,26 +57,12 @@
|
||||||
|
|
||||||
&[hidden="true"] {
|
&[hidden="true"] {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
|
transform: translateX(var(--floating-history-transform-translateX)) translateY(12%) !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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@starting-style {
|
@starting-style {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
|
transform: translateX(var(--floating-history-transform-translateX)) translateY(12%) !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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&[checked="true"] {
|
&[checked="true"] {
|
||||||
|
@ -70,7 +71,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Inner Styles of History Tab */
|
/* Inner Styles of History Tab */
|
||||||
|
|
||||||
#sidebar-box[sidebarcommand="viewHistorySidebar"] box#sidebar-header {
|
#sidebar-box[sidebarcommand="viewHistorySidebar"] box#sidebar-header {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue