public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2025-12-13 19:05:55 +00:00
Code Issues Releases Wiki Activity

css: simplify flex styling a bit, set more specific selectors for i elements

Browse Source
This commit is contained in:
Andrew Dolgov
2019-02-19 19:57:38 +03:00
parent 8cd7f31bde
commit 430e9e373a
8 changed files with 90 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
css/tt-rss.less
View File

@@ -28,10 +28,8 @@ body.ttrss_main {
display : flex;
margin-bottom : 4px;
flex-wrap : nowrap;
> * {
align-self : center;
}
align-items : center;
justify-content : space-between;
}
.comments {
@@ -39,19 +37,16 @@ body.ttrss_main {
}
.date {
text-align : right;
white-space : nowrap;
align-self : flex-start;
}
img, i {
img, i.material-icons {
margin : 0px 4px;
vertical-align: middle;
}
.title {
flex-grow : 2;
align-self : flex-start;
font-size : 15px;
font-weight : 600;
text-rendering: optimizelegibility;
@@ -83,10 +78,7 @@ body.ttrss_main {
.inline-player {
display : flex;
> * {
align-self : center;
}
align-items : center;
audio {
margin-right : 8px;
@@ -99,9 +91,9 @@ body.ttrss_main {
border: 1px solid #e7d796;
color : #9a8c59;
display : flex;
align-items : center;
> * {
align-self : center;
padding : 5px;
}
}
@@ -163,11 +155,10 @@ body.ttrss_main {
font-size : 13px;
z-index : 99;
display : flex;
align-items : center;
transition: all 0.5s ease-in-out;
> * {
align-self : center;
padding : 4px;
}
@@ -221,9 +212,9 @@ body.ttrss_main {
flex-direction : row;
flex-wrap : nowrap;
background : @color-panel-bg;
align-items : center;
> * {
align-self : center;
white-space : nowrap;
padding : 4px;
}
@@ -234,10 +225,7 @@ body.ttrss_main {
.left, .right {
display : flex;
> * {
align-self : center;
}
align-items : center;
i.material-icons {
margin-left : 2px;
@@ -438,9 +426,9 @@ body.ttrss_main {
li {
display : flex;
align-items : center;
> * {
align-self : center;
margin : 2px;
}
}
@@ -802,10 +790,7 @@ body.ttrss_main {
flex-wrap : nowrap;
color : @default-text;
font-size : 12px;
> * {
align-self : center;
}
align-items : center;
.dijitSelect,
.dijitDropDownButton .dijitButtonNode,
@@ -829,23 +814,17 @@ body.ttrss_main {
.left {
flex-grow: 2;
display : flex;
align-items : center;
img {
vertical-align : middle;
margin-right : 8px;
}
> * {
align-self: center;
}
}
.right {
display : flex;
> * {
align-self : center;
}
align-items : center;
}
}