diff options
Diffstat (limited to 'css/tt-rss.less')
-rwxr-xr-x | css/tt-rss.less | 59 |
1 files changed, 43 insertions, 16 deletions
diff --git a/css/tt-rss.less b/css/tt-rss.less index 02ffd17aa..1e382eb4c 100755 --- a/css/tt-rss.less +++ b/css/tt-rss.less @@ -212,19 +212,33 @@ body.ttrss_main { > * { align-self : center; white-space : nowrap; - padding : 5px; + padding : 4px; } img { vertical-align : middle; } + .left, .right { + display : flex; + + > * { + align-self : center; + } + + i.material-icons { + margin-left : 2px; + font-size : 20px; + padding : 2px; + transition : color 0.2s linear; + user-select: none; + } + } div.title { cursor : pointer; flex-grow : 2; overflow : hidden; text-overflow : ellipsis; - padding-left : 5px; } div.right { @@ -459,19 +473,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 { @@ -515,8 +519,12 @@ body.ttrss_main { padding : 0px; li { - margin : 0px; - padding : 2px 4px 2px 4px; + display : flex; + + > * { + align-self : center; + margin : 2px; + } } } @@ -1133,6 +1141,25 @@ body.ttrss_main .dijitDialog { } } +body.ttrss_main { + i.icon-syndicate { + font-size : 19px; + color : #ff5718; + margin-right : 2px; + } + + .cdm.marked .left i.marked-pic, + .hl.marked .left i.marked-pic { + color : #ffc069; + } + + .cdm.published .left i.pub-pic, + .hl.published .left i.pub-pic { + color : #ff5718; + } + +} + ::selection { background : @color-accent; color : white; |