1
0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2026-02-10 16:01:33 +00:00

yet another flex feedtree attempt

This commit is contained in:
Andrew Dolgov
2021-03-22 16:18:59 +03:00
parent 98251022d4
commit 0f6644880a
11 changed files with 134 additions and 78 deletions

View File

@@ -1,3 +1,5 @@
@cache-version: `( new Date() ).getTime()`;
@fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
@fonts-ui: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;

View File

@@ -111,6 +111,17 @@
display : flex;
flex-direction : row;
align-items : center;
// AAAAAA (pushes element down)
.dijitTreeIcon {
font-size : inherit;
height : auto;
}
.dijitTreeExpando {
height : auto;
line-height : 0;
}
}
.dijitFolderClosed,

View File

@@ -593,20 +593,16 @@ body.ttrss_main {
.dijitTreeRow {
border : 1px solid transparent;
.loadingNode {
display : none;
&.visible {
display : inline;
}
}
&.Is_Feed {
.loadingNode {
left : -2px;
height : 14px;
width : 14px;
position : relative;
&.visible {
content: url('../images/oval.svg?@{cache-version}');
}
}
}
@@ -615,6 +611,13 @@ body.ttrss_main {
height : 11px;
width : 18px;
margin-left : 4px;
position : relative;
top : 2px;
&.visible {
display : inline;
content: url('../images/three-dots.svg?@{cache-version}');
}
}
}
@@ -628,12 +631,12 @@ body.ttrss_main {
color : white;
background : lighten(@color-accent, 5%);
border-radius : 4px;
vertical-align : middle;
float : right;
position : relative;
//vertical-align : middle;
//float : right;
//position : relative;
line-height : 14px;
margin-right : 8px;
margin-top : 2px;
//margin-top : 2px;
min-width : 23px;
height : 14px;
@@ -666,7 +669,11 @@ body.ttrss_main {
cursor : pointer;
min-width : 0;
overflow : hidden;
text-overflow: ellipsis;
text-overflow : ellipsis;
position : relative;
// Segoe UI (@fonts-ui) seems to have wrong baseline set
top : -0.5px;
&.Unread {
font-weight : bold;
@@ -712,8 +719,8 @@ body.ttrss_main {
}
i.icon.icon-restore {
position : relative;
top : -1px;
//position : relative;
//top : -1px;
font-weight : bold;
color : @color-accent;
}