cdmToggleGridSpan: toggle classname instead of a style property

master
Andrew Dolgov 2 years ago
parent efde6d36c7
commit bc73bf0f67
  1. 6
      js/Article.js
  2. 3
      phpstan.neon
  3. 4
      themes/compact.css
  4. 4
      themes/compact_night.css
  5. 4
      themes/light.css
  6. 4
      themes/light/tt-rss.less
  7. 4
      themes/night.css
  8. 4
      themes/night_blue.css

@ -97,11 +97,7 @@ const Article = {
const row = App.byId(`RROW-${id}`);
if (row) {
if (row.style.gridColumn != '1 / -1')
row.style.gridColumn = '1 / -1';
else
row.style.gridColumn = '';
row.toggleClassName('grid-span-row');
this.setActive(id);
this.cdmMoveToId(id);

@ -5,7 +5,8 @@ parameters:
- '#Constant.*\b(SUBSTRING_FOR_DATE|SCHEMA_VERSION|SELF_USER_AGENT|LABEL_BASE_INDEX|PLUGIN_FEED_BASE_INDEX)\b.*not found#'
- '#Comparison operation ">" between int<1, max> and 0 is always true.#'
- '#Access to an undefined property DOMNode::\$tagName.#'
- '#Call to an undefined method DOMNode::(get|remove|set)Attribute\(\).#'
- '#Call to an undefined method DOMNode::(get|remove|set|has)Attribute\(\).#'
- '#Call to an undefined method DOMNode::(getElementsByTagName)\(\).#'
- '#PHPDoc tag @param has invalid value#'
- message: '##'
paths:

@ -602,9 +602,13 @@ body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="tr
/* 2 = because #headlines-spacer is the actual last child
only if odd to deal with 1) single article and 2) not break any previous rows;
1 = spacer;
this is outside of .cdm selector because of #headlines-spacer etc
.grid-span-row is manually expanded RROWs
*/
}
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *.grid-span-row,
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(2):nth-child(odd),
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(1) {
grid-column: 1 / -1;

@ -602,9 +602,13 @@ body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="tr
/* 2 = because #headlines-spacer is the actual last child
only if odd to deal with 1) single article and 2) not break any previous rows;
1 = spacer;
this is outside of .cdm selector because of #headlines-spacer etc
.grid-span-row is manually expanded RROWs
*/
}
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *.grid-span-row,
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(2):nth-child(odd),
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(1) {
grid-column: 1 / -1;

@ -602,9 +602,13 @@ body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="tr
/* 2 = because #headlines-spacer is the actual last child
only if odd to deal with 1) single article and 2) not break any previous rows;
1 = spacer;
this is outside of .cdm selector because of #headlines-spacer etc
.grid-span-row is manually expanded RROWs
*/
}
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *.grid-span-row,
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(2):nth-child(odd),
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(1) {
grid-column: 1 / -1;

@ -692,8 +692,12 @@ body.ttrss_main {
/* 2 = because #headlines-spacer is the actual last child
only if odd to deal with 1) single article and 2) not break any previous rows;
1 = spacer;
this is outside of .cdm selector because of #headlines-spacer etc
.grid-span-row is manually expanded RROWs
*/
&.grid-span-row,
&:nth-last-child(2):nth-child(odd),
&:nth-last-child(1) {
grid-column : 1 e("/") -1;

@ -603,9 +603,13 @@ body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="tr
/* 2 = because #headlines-spacer is the actual last child
only if odd to deal with 1) single article and 2) not break any previous rows;
1 = spacer;
this is outside of .cdm selector because of #headlines-spacer etc
.grid-span-row is manually expanded RROWs
*/
}
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *.grid-span-row,
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(2):nth-child(odd),
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(1) {
grid-column: 1 / -1;

@ -603,9 +603,13 @@ body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="tr
/* 2 = because #headlines-spacer is the actual last child
only if odd to deal with 1) single article and 2) not break any previous rows;
1 = spacer;
this is outside of .cdm selector because of #headlines-spacer etc
.grid-span-row is manually expanded RROWs
*/
}
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *.grid-span-row,
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(2):nth-child(odd),
body.ttrss_main #headlines-frame:not([data-headlines-count="0"])[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] > *:nth-last-child(1) {
grid-column: 1 / -1;

Loading…
Cancel
Save