Use more specific definitions for applying `stuck` effects.

https://git.tt-rss.org/fox/tt-rss/pulls/143

1 files changed, 9 insertions, 11 deletions

diff --git a/themes/night.css b/themes/night.css
index 98ba1b013..7ffda3e83 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -1190,14 +1190,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;
@@ -1245,9 +1237,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;
@@ -1402,6 +1391,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;