xle/tt-rss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

simplify zoom mode display

Browse Source
This commit is contained in:
Andrew Dolgov
2018-12-06 16:42:21 +03:00
parent 26c074ed7e
commit 369bac525b
4 changed files with 60 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
css/default.css
View File

@@ -1890,28 +1890,37 @@ body.ttrss_zoom div.post div.header {
font-size: 12px;
color: #555;
}
body.ttrss_zoom div.post div.header .author {
font-size: 11px;
body.ttrss_zoom div.post div.header .row {
display: flex;
margin-bottom: 4px;
flex-wrap: nowrap;
}
body.ttrss_zoom div.post div.header div.feed-title {
float: left;
body.ttrss_zoom div.post div.header .row > * {
align-self: center;
}
body.ttrss_zoom div.post div.header .comments {
flex-grow: 2;
}
body.ttrss_zoom div.post div.header .date {
text-align: right;
white-space: nowrap;
align-self: flex-start;
}
body.ttrss_zoom div.post div.header a.comments {
text-align: right;
}
body.ttrss_zoom div.post div.header div.date {
float: none;
text-align: right;
margin-bottom: 5px;
}
body.ttrss_zoom div.post div.header div.tags img {
body.ttrss_zoom div.post div.header img,
body.ttrss_zoom div.post div.header i {
margin: 0px 4px;
vertical-align: middle;
}
body.ttrss_zoom div.post div.header div.title {
white-space: normal;
font-size: 16px;
margin-bottom: 5px;
body.ttrss_zoom 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_zoom div.post div.header div.feed-title {
text-align: right;
}
body.ttrss_zoom div.post p {
-webkit-hyphens: auto;

2
css/default.css.map
View File

File diff suppressed because one or more lines are too long

59
css/zoom.less
View File

@@ -19,38 +19,43 @@ body.ttrss_zoom {
font-size : 12px;
color : #555;
.author {
font-size : 11px;
.row {
display : flex;
margin-bottom : 4px;
flex-wrap : nowrap;
> * {
align-self : center;
}
}
.comments {
flex-grow : 2;
}
.date {
text-align : right;
white-space : nowrap;
align-self : flex-start;
}
img, i {
margin : 0px 4px;
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.feed-title {
float : left;
text-align : right;
}
a.comments {
text-align : right;
}
div.date {
float : none;
text-align : right;
margin-bottom : 5px;
}
div.tags {
}
div.tags img {
vertical-align : middle;
}
div.title {
white-space : normal;
font-size : 16px;
margin-bottom : 5px;
}
}
p {