diff options
Diffstat (limited to 'css/zoom.less')
-rw-r--r-- | css/zoom.less | 51 |
1 files changed, 30 insertions, 21 deletions
diff --git a/css/zoom.less b/css/zoom.less index 347a44a7e..2fb773f2b 100644 --- a/css/zoom.less +++ b/css/zoom.less @@ -3,13 +3,17 @@ body.ttrss_zoom { margin-right : auto; padding : 20px; max-width : 800px; - background : #f5f5f5; + background : @color-panel-bg; div.post { border : 1px solid #ddd; background : white; box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); + .attachments { + display : none; + } + div.header { margin : 10px; padding-bottom : 10px; @@ -19,37 +23,42 @@ body.ttrss_zoom { font-size : 12px; color : #555; - .author { - font-size : 11px; - } + .row { + display : flex; + margin-bottom : 4px; + flex-wrap : nowrap; - div.feed-title { - float : left; - text-align : right; + > * { + align-self : center; + } } - a.comments { - text-align : right; + .comments { + flex-grow : 2; } - div.date { - float : none; + .date { text-align : right; - margin-bottom : 5px; + white-space : nowrap; + align-self : flex-start; } - div.tags { - + img, i { + margin : 0px 4px; + vertical-align: middle; } - div.tags img { - vertical-align : middle; + .title { + flex-grow : 2; + align-self : flex-start; + font-size : 15px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : @fonts-ui-bold; } - div.title { - white-space : normal; - font-size : 16px; - margin-bottom : 5px; + div.feed-title { + text-align : right; } } @@ -96,7 +105,7 @@ body.ttrss_zoom { font-family : monospace; font-size : 12px; border: 0px solid #ccc; - background : #f5f5f5; + background : @color-panel-bg; display : block; max-width : 98%; overflow : auto; |