From eae79615a2a8573e9e65d4e3f6d069be7b850291 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <noreply@fakecake.org>
Date: Sun, 17 May 2020 08:35:01 +0300
Subject: Use more specific definitions for applying `stuck` effects.

https://git.tt-rss.org/fox/tt-rss/pulls/143
---
 themes/light/cdm.less | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

(limited to 'themes/light/cdm.less')

diff --git a/themes/light/cdm.less b/themes/light/cdm.less
index e77f2ec03..3a5b602f2 100644
--- a/themes/light/cdm.less
+++ b/themes/light/cdm.less
@@ -62,15 +62,6 @@
 		}
 	}
 
-	.header[stuck] {
-		box-shadow : 0 1px 1px -1px rgba(0,0,0,0.1);
-		border: 0 solid @border-default;
-		border-bottom-width: 1px;
-		background : @default-bg ! important;
-		opacity: 0.9;
-		backdrop-filter: blur(6px);
-	}
-
 	.footer {
 		height : 30px;
 		padding-left : 5px;
@@ -129,10 +120,6 @@
 
 }
 
-div.cdm.expanded .header:not([stuck]) {
-	background: transparent ! important;
-}
-
 div.cdm.expanded div.header a.title {
 	font-size : 16px;
 	color : #999;
@@ -324,3 +311,17 @@ div.cdm.expandable:not(.active) {
 		display : none;
 	}
 }
+
+div.cdm {
+	&.expandable.active,
+	&.expanded {
+		.header[stuck] {
+			box-shadow : 0 1px 1px -1px rgba(0,0,0,0.1);
+			border: 0 solid @border-default;
+			border-bottom-width: 1px;
+			background : @default-bg ! important;
+			opacity: 0.9;
+			backdrop-filter: blur(6px);
+		}
+	}
+}
-- 
cgit v1.2.3