Use more specific definitions for applying `stuck` effects.

https://git.tt-rss.org/fox/tt-rss/pulls/143
This commit is contained in:
Andrew Dolgov 2020-05-17 08:35:01 +03:00
parent 9ae9302b6b
commit eae79615a2
11 changed files with 64 additions and 73 deletions

View File

@ -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 #ddd;
border-bottom-width: 1px;
background: white ! 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 #ddd;
border-bottom-width: 1px;
background: white ! important;
opacity: 0.9;
backdrop-filter: blur(6px);
}
body.ttrss_prefs {
background-color: #f5f5f5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

File diff suppressed because one or more lines are too long

View File

@ -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;

File diff suppressed because one or more lines are too long

View File

@ -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 #ddd;
border-bottom-width: 1px;
background: white ! 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 #ddd;
border-bottom-width: 1px;
background: white ! important;
opacity: 0.9;
backdrop-filter: blur(6px);
}
body.ttrss_prefs {
background-color: #f5f5f5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

File diff suppressed because one or more lines are too long

View File

@ -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);
}
}
}

View File

@ -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;

File diff suppressed because one or more lines are too long

View File

@ -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;

File diff suppressed because one or more lines are too long