public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2025-12-15 23:25:57 +00:00
Code Issues Releases Wiki Activity

update headlines to use vector icons

Browse Source
This commit is contained in:
Andrew Dolgov
2018-12-05 13:58:18 +03:00
parent 89b213b4bb
commit b65d8384c2
8 changed files with 111 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
css/cdm.less
View File

@@ -13,10 +13,24 @@
.header {
> * {
align-self : center;
padding : 5px;
padding : 4px;
white-space : nowrap;
}
.left {
display : flex;
> * {
align-self : center;
}
i.material-icons {
margin-left : 2px;
font-size : 18px;
padding : 2px;
}
}
.titleWrap {
flex-grow : 2;
}

49
css/default.css
View File

@@ -184,17 +184,27 @@ body.ttrss_main .hl {
body.ttrss_main .hl > * {
align-self: center;
white-space: nowrap;
padding: 5px;
padding: 4px;
}
body.ttrss_main .hl img {
vertical-align: middle;
}
body.ttrss_main .hl .left {
display: flex;
}
body.ttrss_main .hl .left > * {
align-self: center;
}
body.ttrss_main .hl .left i.material-icons {
margin-left: 2px;
font-size: 18px;
padding: 2px;
}
body.ttrss_main .hl div.title {
cursor: pointer;
flex-grow: 2;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 5px;
}
body.ttrss_main .hl div.right {
text-align: right;
@@ -398,20 +408,10 @@ body.ttrss_main span.hlLabelRef {
white-space: nowrap;
border-radius: 4px;
}
body.ttrss_main img.marked-pic,
body.ttrss_main img.pub-pic {
body.ttrss_main i.marked-pic,
body.ttrss_main i.pub-pic {
cursor: pointer;
vertical-align: middle;
opacity: 0.5;
transition: opacity 0.25s;
}
body.ttrss_main img.marked-pic:hover,
body.ttrss_main img.pub-pic:hover {
opacity: 1;
}
body.ttrss_main img[src*='pub_set.png'],
body.ttrss_main img[src*='mark_set.png'] {
opacity: 1;
color: #ccc;
}
body.ttrss_main div.tagCloudContainer {
background: white;
@@ -961,6 +961,12 @@ body.ttrss_main .dijitDialog h3:first-of-type,
body.ttrss_main .dijitDialog h4:first-of-type {
margin-top: 0px;
}
.hl.marked .left i.marked-pic {
color: #ffc069;
}
.hl.published .left i.pub-pic {
color: #ff5718;
}
::selection {
background: #257aa7;
color: white;
@@ -987,9 +993,20 @@ body.ttrss_main .dijitDialog h4:first-of-type {
}
.cdm .header > * {
align-self: center;
padding: 5px;
padding: 4px;
white-space: nowrap;
}
.cdm .header .left {
display: flex;
}
.cdm .header .left > * {
align-self: center;
}
.cdm .header .left i.material-icons {
margin-left: 2px;
font-size: 18px;
padding: 2px;
}
.cdm .header .titleWrap {
flex-grow: 2;
}

2
css/default.css.map
View File

File diff suppressed because one or more lines are too long

39
css/tt-rss.less
View File

@@ -212,19 +212,32 @@ body.ttrss_main {
> * {
align-self : center;
white-space : nowrap;
padding : 5px;
padding : 4px;
}
img {
vertical-align : middle;
}
.left {
display : flex;
> * {
align-self : center;
}
i.material-icons {
margin-left : 2px;
font-size : 18px;
padding : 2px;
}
}
div.title {
cursor : pointer;
flex-grow : 2;
overflow : hidden;
text-overflow : ellipsis;
padding-left : 5px;
}
div.right {
@@ -459,19 +472,9 @@ body.ttrss_main {
border-radius : 4px;
}
img.marked-pic, img.pub-pic {
i.marked-pic, i.pub-pic {
cursor : pointer;
vertical-align : middle;
opacity : 0.5;
transition : opacity 0.25s;
}
img.marked-pic:hover, img.pub-pic:hover {
opacity : 1;
}
img[src*='pub_set.png'], img[src*='mark_set.png'] {
opacity : 1;
color : #ccc;
}
div.tagCloudContainer {
@@ -1133,6 +1136,14 @@ body.ttrss_main .dijitDialog {
}
}
.hl.marked .left i.marked-pic {
color : #ffc069;
}
.hl.published .left i.pub-pic {
color : #ff5718;
}
::selection {
background : @color-accent;
color : white;