valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
themes/compact.css
View File

@ -1189,14 +1189,6 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header input { .cdm .header input {
margin: 0px 4px; 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 { .cdm .footer {
height: 30px; height: 30px;
padding-left: 5px; padding-left: 5px;
@ -1244,9 +1236,6 @@ video::-webkit-media-controls-overlay-play-button {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
div.cdm.expanded .header:not([stuck]) {
background: transparent ! important;
}
div.cdm.expanded div.header a.title { div.cdm.expanded div.header a.title {
font-size: 16px; font-size: 16px;
color: #999; color: #999;
@ -1401,6 +1390,15 @@ div.cdm.expandable:not(.active) .content,
div.cdm.expandable:not(.active) .collapse { div.cdm.expandable:not(.active) .collapse {
display: none; 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 { body.ttrss_prefs {
background-color: #f5f5f5; background-color: #f5f5f5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

2
themes/compact.css.map
View File

File diff suppressed because one or more lines are too long

20
themes/compact_night.css
View File

@ -1189,14 +1189,6 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header input { .cdm .header input {
margin: 0px 4px; 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 { .cdm .footer {
height: 30px; height: 30px;
padding-left: 5px; padding-left: 5px;
@ -1244,9 +1236,6 @@ video::-webkit-media-controls-overlay-play-button {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
div.cdm.expanded .header:not([stuck]) {
background: transparent ! important;
}
div.cdm.expanded div.header a.title { div.cdm.expanded div.header a.title {
font-size: 16px; font-size: 16px;
color: #999; color: #999;
@ -1401,6 +1390,15 @@ div.cdm.expandable:not(.active) .content,
div.cdm.expandable:not(.active) .collapse { div.cdm.expandable:not(.active) .collapse {
display: none; 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 { body.ttrss_prefs {
background-color: #222; background-color: #222;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

2
themes/compact_night.css.map
View File

File diff suppressed because one or more lines are too long

20
themes/light.css
View File

@ -1189,14 +1189,6 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header input { .cdm .header input {
margin: 0px 4px; 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 { .cdm .footer {
height: 30px; height: 30px;
padding-left: 5px; padding-left: 5px;
@ -1244,9 +1236,6 @@ video::-webkit-media-controls-overlay-play-button {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
div.cdm.expanded .header:not([stuck]) {
background: transparent ! important;
}
div.cdm.expanded div.header a.title { div.cdm.expanded div.header a.title {
font-size: 16px; font-size: 16px;
color: #999; color: #999;
@ -1401,6 +1390,15 @@ div.cdm.expandable:not(.active) .content,
div.cdm.expandable:not(.active) .collapse { div.cdm.expandable:not(.active) .collapse {
display: none; 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 { body.ttrss_prefs {
background-color: #f5f5f5; background-color: #f5f5f5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

2
themes/light.css.map
View File

File diff suppressed because one or more lines are too long

27
themes/light/cdm.less
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 { .footer {
height : 30px; height : 30px;
padding-left : 5px; padding-left : 5px;
@ -129,10 +120,6 @@
} }
div.cdm.expanded .header:not([stuck]) {
background: transparent ! important;
}
div.cdm.expanded div.header a.title { div.cdm.expanded div.header a.title {
font-size : 16px; font-size : 16px;
color : #999; color : #999;
@ -324,3 +311,17 @@ div.cdm.expandable:not(.active) {
display : none; 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);
}
}
}

20
themes/night.css
View File

@ -1190,14 +1190,6 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header input { .cdm .header input {
margin: 0px 4px; 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 { .cdm .footer {
height: 30px; height: 30px;
padding-left: 5px; padding-left: 5px;
@ -1245,9 +1237,6 @@ video::-webkit-media-controls-overlay-play-button {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
div.cdm.expanded .header:not([stuck]) {
background: transparent ! important;
}
div.cdm.expanded div.header a.title { div.cdm.expanded div.header a.title {
font-size: 16px; font-size: 16px;
color: #999; color: #999;
@ -1402,6 +1391,15 @@ div.cdm.expandable:not(.active) .content,
div.cdm.expandable:not(.active) .collapse { div.cdm.expandable:not(.active) .collapse {
display: none; 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 { body.ttrss_prefs {
background-color: #222; background-color: #222;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

2
themes/night.css.map
View File

File diff suppressed because one or more lines are too long

20
themes/night_blue.css
View File

@ -1190,14 +1190,6 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header input { .cdm .header input {
margin: 0px 4px; 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 { .cdm .footer {
height: 30px; height: 30px;
padding-left: 5px; padding-left: 5px;
@ -1245,9 +1237,6 @@ video::-webkit-media-controls-overlay-play-button {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
div.cdm.expanded .header:not([stuck]) {
background: transparent ! important;
}
div.cdm.expanded div.header a.title { div.cdm.expanded div.header a.title {
font-size: 16px; font-size: 16px;
color: #999; color: #999;
@ -1402,6 +1391,15 @@ div.cdm.expandable:not(.active) .content,
div.cdm.expandable:not(.active) .collapse { div.cdm.expandable:not(.active) .collapse {
display: none; 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 { body.ttrss_prefs {
background-color: #222; background-color: #222;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

2
themes/night_blue.css.map
View File

File diff suppressed because one or more lines are too long