Revert "another attempt at flex-based feed tree"

This reverts commit e12a6ca540.
This commit is contained in:
Andrew Dolgov 2021-03-21 17:20:03 +03:00
parent ef5d6b9b78
commit 43744412f4
8 changed files with 52 additions and 168 deletions

View File

@ -202,7 +202,7 @@ define(["dojo/_base/declare", "dojo/dom-construct", "dojo/_base/array", "dojo/co
return (item.unread <= 0) ? "dijitTreeLabel" : "dijitTreeLabel Unread";
},
getRowClass: function (item/*, opened */) {
let rc = "dijitTreeRow dijitTreeRowFlex";
let rc = "dijitTreeRow";
const is_cat = String(item.id).indexOf('CAT:') != -1;

View File

@ -526,10 +526,11 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
display: inline;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -2px;
left: 2px;
height: 14px;
width: 14px;
position: relative;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
@ -537,7 +538,6 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loa
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
order: 2;
font-weight: bold;
display: none;
font-size: 9px;
@ -569,17 +569,8 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-i
background-color: #3ea447;
border-color: #307f37;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeContent {
display: flex;
align-items: center;
flex-grow: 2;
min-width: 0;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel {
cursor: pointer;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold;
@ -1829,16 +1820,12 @@ body.ttrss_utility.share_popup .content {
border-width: 0;
box-shadow: none;
}
.flat {
/*#feedTree {
.dijitTreeContent .dijitInline {
vertical-align : baseline;
}
}*/
}
.flat li {
padding: 2px;
}
.flat #feedTree .dijitTreeContent .dijitInline {
vertical-align: baseline;
}
.flat .dijitButton i.material-icons {
position: relative;
top: -1px;
@ -1910,17 +1897,6 @@ body.ttrss_utility.share_popup .content {
.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons {
color: #257aa7;
}
.flat .dijitTree {
/*.dijitTreeRow .dijitTreeExpando {
position : relative;
top : -2px;
}*/
}
.flat .dijitTree .dijitTreeRowFlex {
display: flex;
flex-direction: row;
align-items: center;
}
.flat .dijitTree .dijitFolderClosed,
.flat .dijitTree .dijitFolderOpened {
display: none;
@ -1934,6 +1910,10 @@ body.ttrss_utility.share_popup .content {
.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color: white;
}
.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
position: relative;
top: -2px;
}
.flat .dijitTree .labelParam {
float: right;
margin-right: 16px;

View File

@ -526,10 +526,11 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
display: inline;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -2px;
left: 2px;
height: 14px;
width: 14px;
position: relative;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
@ -537,7 +538,6 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loa
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
order: 2;
font-weight: bold;
display: none;
font-size: 9px;
@ -569,17 +569,8 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-i
background-color: #3ea447;
border-color: #307f37;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeContent {
display: flex;
align-items: center;
flex-grow: 2;
min-width: 0;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel {
cursor: pointer;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold;
@ -1731,16 +1722,12 @@ body.ttrss_utility fieldset > label.checkbox {
display: inline;
font-weight: normal;
}
.flat {
/*#feedTree {
.dijitTreeContent .dijitInline {
vertical-align : baseline;
}
}*/
}
.flat li {
padding: 2px;
}
.flat #feedTree .dijitTreeContent .dijitInline {
vertical-align: baseline;
}
.flat .dijitButton i.material-icons {
position: relative;
top: -1px;
@ -1812,17 +1799,6 @@ body.ttrss_utility fieldset > label.checkbox {
.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons {
color: #b87d2c;
}
.flat .dijitTree {
/*.dijitTreeRow .dijitTreeExpando {
position : relative;
top : -2px;
}*/
}
.flat .dijitTree .dijitTreeRowFlex {
display: flex;
flex-direction: row;
align-items: center;
}
.flat .dijitTree .dijitFolderClosed,
.flat .dijitTree .dijitFolderOpened {
display: none;
@ -1836,6 +1812,10 @@ body.ttrss_utility fieldset > label.checkbox {
.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color: white;
}
.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
position: relative;
top: -2px;
}
.flat .dijitTree .labelParam {
float: right;
margin-right: 16px;

View File

@ -526,10 +526,11 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
display: inline;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -2px;
left: 2px;
height: 14px;
width: 14px;
position: relative;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
@ -537,7 +538,6 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loa
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
order: 2;
font-weight: bold;
display: none;
font-size: 9px;
@ -569,17 +569,8 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-i
background-color: #3ea447;
border-color: #307f37;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeContent {
display: flex;
align-items: center;
flex-grow: 2;
min-width: 0;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel {
cursor: pointer;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold;
@ -1829,16 +1820,12 @@ body.ttrss_utility.share_popup .content {
border-width: 0;
box-shadow: none;
}
.flat {
/*#feedTree {
.dijitTreeContent .dijitInline {
vertical-align : baseline;
}
}*/
}
.flat li {
padding: 2px;
}
.flat #feedTree .dijitTreeContent .dijitInline {
vertical-align: baseline;
}
.flat .dijitButton i.material-icons {
position: relative;
top: -1px;
@ -1910,17 +1897,6 @@ body.ttrss_utility.share_popup .content {
.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons {
color: #257aa7;
}
.flat .dijitTree {
/*.dijitTreeRow .dijitTreeExpando {
position : relative;
top : -2px;
}*/
}
.flat .dijitTree .dijitTreeRowFlex {
display: flex;
flex-direction: row;
align-items: center;
}
.flat .dijitTree .dijitFolderClosed,
.flat .dijitTree .dijitFolderOpened {
display: none;
@ -1934,6 +1910,10 @@ body.ttrss_utility.share_popup .content {
.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color: white;
}
.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
position: relative;
top: -2px;
}
.flat .dijitTree .labelParam {
float: right;
margin-right: 16px;

View File

@ -4,11 +4,11 @@
padding: 2px;
}
/*#feedTree {
#feedTree {
.dijitTreeContent .dijitInline {
vertical-align : baseline;
}
}*/
}
.dijitButton i.material-icons {
position: relative;
@ -107,12 +107,6 @@
}
.dijitTree {
.dijitTreeRowFlex {
display : flex;
flex-direction : row;
align-items : center;
}
.dijitFolderClosed,
.dijitFolderOpened {
display : none;
@ -132,10 +126,10 @@
color : white;
}
/*.dijitTreeRow .dijitTreeExpando {
.dijitTreeRow .dijitTreeExpando {
position : relative;
top : -2px;
}*/
}
.labelParam {
float: right;

View File

@ -603,10 +603,11 @@ body.ttrss_main {
&.Is_Feed {
.loadingNode {
left : -2px;
left : 2px;
height : 14px;
width : 14px;
position : relative;
top : -1px;
}
}
@ -619,7 +620,6 @@ body.ttrss_main {
}
.counterNode {
order : 2;
font-weight : bold;
display : none;
font-size : @font-size-tiny;
@ -655,18 +655,8 @@ body.ttrss_main {
border-color: darken(@color-checked, 25%);
}
.dijitTreeContent {
display : flex;
align-items : center;
flex-grow : 2;
min-width : 0;
}
.dijitTreeLabel {
cursor : pointer;
min-width : 0;
overflow : hidden;
text-overflow: ellipsis;
&.Unread {
font-weight : bold;

View File

@ -527,10 +527,11 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
display: inline;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -2px;
left: 2px;
height: 14px;
width: 14px;
position: relative;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
@ -538,7 +539,6 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loa
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
order: 2;
font-weight: bold;
display: none;
font-size: 9px;
@ -570,17 +570,8 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-i
background-color: #3ea447;
border-color: #307f37;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeContent {
display: flex;
align-items: center;
flex-grow: 2;
min-width: 0;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel {
cursor: pointer;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold;
@ -1732,16 +1723,12 @@ body.ttrss_utility fieldset > label.checkbox {
display: inline;
font-weight: normal;
}
.flat {
/*#feedTree {
.dijitTreeContent .dijitInline {
vertical-align : baseline;
}
}*/
}
.flat li {
padding: 2px;
}
.flat #feedTree .dijitTreeContent .dijitInline {
vertical-align: baseline;
}
.flat .dijitButton i.material-icons {
position: relative;
top: -1px;
@ -1813,17 +1800,6 @@ body.ttrss_utility fieldset > label.checkbox {
.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons {
color: #b87d2c;
}
.flat .dijitTree {
/*.dijitTreeRow .dijitTreeExpando {
position : relative;
top : -2px;
}*/
}
.flat .dijitTree .dijitTreeRowFlex {
display: flex;
flex-direction: row;
align-items: center;
}
.flat .dijitTree .dijitFolderClosed,
.flat .dijitTree .dijitFolderOpened {
display: none;
@ -1837,6 +1813,10 @@ body.ttrss_utility fieldset > label.checkbox {
.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color: white;
}
.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
position: relative;
top: -2px;
}
.flat .dijitTree .labelParam {
float: right;
margin-right: 16px;

View File

@ -527,10 +527,11 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
display: inline;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -2px;
left: 2px;
height: 14px;
width: 14px;
position: relative;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
@ -538,7 +539,6 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loa
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
order: 2;
font-weight: bold;
display: none;
font-size: 9px;
@ -570,17 +570,8 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-i
background-color: #3ea447;
border-color: #307f37;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeContent {
display: flex;
align-items: center;
flex-grow: 2;
min-width: 0;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel {
cursor: pointer;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold;
@ -1732,16 +1723,12 @@ body.ttrss_utility fieldset > label.checkbox {
display: inline;
font-weight: normal;
}
.flat {
/*#feedTree {
.dijitTreeContent .dijitInline {
vertical-align : baseline;
}
}*/
}
.flat li {
padding: 2px;
}
.flat #feedTree .dijitTreeContent .dijitInline {
vertical-align: baseline;
}
.flat .dijitButton i.material-icons {
position: relative;
top: -1px;
@ -1813,17 +1800,6 @@ body.ttrss_utility fieldset > label.checkbox {
.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons {
color: #257aa7;
}
.flat .dijitTree {
/*.dijitTreeRow .dijitTreeExpando {
position : relative;
top : -2px;
}*/
}
.flat .dijitTree .dijitTreeRowFlex {
display: flex;
flex-direction: row;
align-items: center;
}
.flat .dijitTree .dijitFolderClosed,
.flat .dijitTree .dijitFolderOpened {
display: none;
@ -1837,6 +1813,10 @@ body.ttrss_utility fieldset > label.checkbox {
.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color: white;
}
.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
position: relative;
top: -2px;
}
.flat .dijitTree .labelParam {
float: right;
margin-right: 16px;