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/compact_night.css | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

(limited to 'themes/compact_night.css')

diff --git a/themes/compact_night.css b/themes/compact_night.css
index c62e6d901..d93ba3495 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -1189,14 +1189,6 @@ video::-webkit-media-controls-overlay-play-button {
 .cdm .header input {
   margin: 0px 4px;
 }
-.cdm .header[stuck] {
-  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
-  border: 0 solid #222;
-  border-bottom-width: 1px;
-  background: #333 ! important;
-  opacity: 0.9;
-  backdrop-filter: blur(6px);
-}
 .cdm .footer {
   height: 30px;
   padding-left: 5px;
@@ -1244,9 +1236,6 @@ video::-webkit-media-controls-overlay-play-button {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-div.cdm.expanded .header:not([stuck]) {
-  background: transparent ! important;
-}
 div.cdm.expanded div.header a.title {
   font-size: 16px;
   color: #999;
@@ -1401,6 +1390,15 @@ div.cdm.expandable:not(.active) .content,
 div.cdm.expandable:not(.active) .collapse {
   display: none;
 }
+div.cdm.expandable.active .header[stuck],
+div.cdm.expanded .header[stuck] {
+  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
+  border: 0 solid #222;
+  border-bottom-width: 1px;
+  background: #333 ! important;
+  opacity: 0.9;
+  backdrop-filter: blur(6px);
+}
 body.ttrss_prefs {
   background-color: #222;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-- 
cgit v1.2.3