1
0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2025-12-13 05:25:56 +00:00

add svg loading indicators

This commit is contained in:
Andrew Dolgov
2021-03-16 21:32:44 +03:00
parent 7ec8a6cad0
commit a0e41f41a4
12 changed files with 139 additions and 24 deletions

View File

@@ -182,6 +182,11 @@ body.ttrss_main .notify.notify_progress {
border-color: #d7c47a;
background-color: #fff7d5;
}
body.ttrss_main .notify.notify_progress img {
width: 18px;
height: 18px;
filter: saturate(0);
}
body.ttrss_main .notify.notify_info {
border-color: #257aa7;
background-color: #d5ebf6;
@@ -523,10 +528,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -3px;
height: 20px;
width: 20px;
height: 14px;
width: 14px;
position: relative;
top: -2px;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
width: 18px;
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold;

View File

@@ -182,6 +182,11 @@ body.ttrss_main .notify.notify_progress {
border-color: #d7c47a;
background-color: #fff7d5;
}
body.ttrss_main .notify.notify_progress img {
width: 18px;
height: 18px;
filter: saturate(0);
}
body.ttrss_main .notify.notify_info {
border-color: #b87d2c;
background-color: #faf3e9;
@@ -523,10 +528,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -3px;
height: 20px;
width: 20px;
height: 14px;
width: 14px;
position: relative;
top: -2px;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
width: 18px;
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold;

View File

@@ -182,6 +182,11 @@ body.ttrss_main .notify.notify_progress {
border-color: #d7c47a;
background-color: #fff7d5;
}
body.ttrss_main .notify.notify_progress img {
width: 18px;
height: 18px;
filter: saturate(0);
}
body.ttrss_main .notify.notify_info {
border-color: #257aa7;
background-color: #d5ebf6;
@@ -523,10 +528,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -3px;
height: 20px;
width: 20px;
height: 14px;
width: 14px;
position: relative;
top: -2px;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
width: 18px;
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold;

View File

@@ -192,6 +192,12 @@ body.ttrss_main {
.notify.notify_progress {
border-color : #d7c47a;
background-color : #fff7d5;
img {
width : 18px;
height : 18px;
filter : saturate(0);
}
}
.notify.notify_info {
@@ -599,10 +605,18 @@ body.ttrss_main {
&.Is_Feed {
.loadingNode {
left : -3px;
height : 20px;
width : 20px;
height : 14px;
width : 14px;
position : relative;
top : -2px;
top : -1px;
}
}
&.Is_Cat {
.loadingNode {
height : 11px;
width : 18px;
margin-left : 4px;
}
}

View File

@@ -183,6 +183,11 @@ body.ttrss_main .notify.notify_progress {
border-color: #d7c47a;
background-color: #fff7d5;
}
body.ttrss_main .notify.notify_progress img {
width: 18px;
height: 18px;
filter: saturate(0);
}
body.ttrss_main .notify.notify_info {
border-color: #b87d2c;
background-color: #faf3e9;
@@ -524,10 +529,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -3px;
height: 20px;
width: 20px;
height: 14px;
width: 14px;
position: relative;
top: -2px;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
width: 18px;
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold;

View File

@@ -183,6 +183,11 @@ body.ttrss_main .notify.notify_progress {
border-color: #d7c47a;
background-color: #fff7d5;
}
body.ttrss_main .notify.notify_progress img {
width: 18px;
height: 18px;
filter: saturate(0);
}
body.ttrss_main .notify.notify_info {
border-color: #257aa7;
background-color: #d5ebf6;
@@ -524,10 +529,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
left: -3px;
height: 20px;
width: 20px;
height: 14px;
width: 14px;
position: relative;
top: -2px;
top: -1px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
height: 11px;
width: 18px;
margin-left: 4px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold;