fix firefox userchrome with sidebar.revamp

Signed-off-by: Robert Günzler <r@gnzler.io>

1 files changed, 58 insertions, 0 deletions

diff --git a/.mozilla/firefox/hibiki.default/chrome/user.sidebar.css b/.mozilla/firefox/hibiki.default/chrome/user.sidebar.css
new file mode 100644
index 0000000..e286126
--- /dev/null
+++ b/.mozilla/firefox/hibiki.default/chrome/user.sidebar.css
@@ -0,0 +1,58 @@
+/* = SIDEBAR STUFF ========================================================== */
+
+/* sidebar that collapses when not hovered */
+:root {
+	--thin-tab-width: 31px;
+	--wide-tab-width: 280px;
+}
+
+@media (-moz-bool-pref: "sidebar.revamp") {
+	#sidebar-box {
+		padding: 0 !important;
+	}
+
+	#sidebar {
+		border-radius: 0 !important;
+	}
+}
+
+#sidebar-box {
+	width: unset !important;
+	z-index: 1;
+	opacity: 1.0 !important;
+	border-right: 1px solid var(--chrome-content-separator-color);
+	background-color: var(--toolbar-bgcolor) !important;
+}
+
+#sidebar-box:not([hidden]) {
+	min-width: var(--thin-tab-width) !important;
+	max-width: var(--thin-tab-width) !important;
+	overflow-x: hidden !important;
+	/*animate transition*/
+	/*transition: all 40ms !important;*/
+}
+
+#sidebar-box:not([hidden]):hover,
+#sidebar-box:not([hidden]):active,
+#sidebar-box:not([hidden]):focus-within,
+#sidebar-box:not([hidden]):-moz-drag-over {
+	min-width: var(--wide-tab-width) !important;
+	max-width: var(--wide-tab-width) !important;
+}
+
+/* make sure the contents of the sidebar are not squished */
+#sidebar {
+	min-width: var(--wide-tab-width) !important;
+	max-width: var(--wide-tab-width) !important;
+	margin-left: 0 !important;
+}
+
+/* hide sidebar header */
+#sidebar-header {
+	visibility: collapse;
+}
+
+/* hide sidebar shadow */
+#sidebar-splitter {
+	display: none !important;
+}