diff options
author | Andrew Dolgov <[email protected]> | 2018-12-06 16:35:57 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2018-12-06 16:35:57 +0300 |
commit | 26c074ed7e4e2881e91a014fc40a8f2d0115a632 (patch) | |
tree | 6746f5125760442acb8acf0a639546728603233f /css/default.css | |
parent | 3bf006abef727e3d6530418f07ab0d991e526818 (diff) |
rework article header to use flexbox
Diffstat (limited to 'css/default.css')
-rw-r--r-- | css/default.css | 58 |
1 files changed, 26 insertions, 32 deletions
diff --git a/css/default.css b/css/default.css index 93e176d57..1d98f130b 100644 --- a/css/default.css +++ b/css/default.css @@ -21,6 +21,7 @@ body.ttrss_main :focus { } body.ttrss_main div.post { padding: 0px; + font-size: 13px; } body.ttrss_main div.post div.header { padding: 5px; @@ -29,30 +30,39 @@ body.ttrss_main div.post div.header { border-bottom-width: 1px; background: #f0f0f0; } -body.ttrss_main div.post div.header div.date { - text-align: right; - float: right; +body.ttrss_main div.post div.header .left, +body.ttrss_main div.post div.header .right { + display: flex; } -body.ttrss_main div.post div.header div { - padding-bottom: 3px; +body.ttrss_main div.post div.header .row { + display: flex; + margin-bottom: 4px; + flex-wrap: nowrap; } -body.ttrss_main div.post div.header span.author { - color: #555555; - font-size: 11px; - font-weight: normal; +body.ttrss_main div.post div.header .row > * { + align-self: center; } -body.ttrss_main div.post div.title { - overflow: hidden; - font-size: 15px; - text-overflow: ellipsis; +body.ttrss_main div.post div.header .comments { + flex-grow: 2; +} +body.ttrss_main div.post div.header .date { + text-align: right; white-space: nowrap; + align-self: flex-start; +} +body.ttrss_main div.post div.header img, +body.ttrss_main div.post div.header i { + margin: 0px 4px; + vertical-align: middle; +} +body.ttrss_main div.post div.header .title { + flex-grow: 2; + align-self: flex-start; + font-size: 15px; font-weight: 600; text-rendering: optimizelegibility; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; } -body.ttrss_main div.post div.date { - padding-left: 10px; -} body.ttrss_main div.post div.content { padding: 10px; font-size: 16px; @@ -70,18 +80,6 @@ body.ttrss_main div.post div.content iframe { min-width: 50%; max-width: 98%; } -body.ttrss_main div.post div.postEnclosures { - color: #555555; -} -body.ttrss_main div.post img.tagsPic { - width: 16px; - height: 16px; - margin-left: 4px; - vertical-align: middle; -} -body.ttrss_main div.post span.author { - font-size: 12px; -} body.ttrss_main div.articleNote { background-color: #fff7d5; padding: 5px; @@ -1148,10 +1146,6 @@ div.cdm.expanded.Unread div.content { div.cdm.active div.content { color: black; } -.cdm div.content div.postEnclosures { - margin-top: 1em; - color: #555555; -} .cdm div.feed-title { border: 0px solid #257aa7; border-bottom-width: 1px; |