Fixed appearance on luakit
This commit is contained in:
parent
11648e055c
commit
6b6acb0bbf
3 changed files with 19 additions and 0 deletions
|
@ -19,11 +19,13 @@
|
|||
.comment {
|
||||
margin: 0 0 1em 0;
|
||||
padding: 0;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.comment .avatar {
|
||||
margin-right: 0.5em;
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
@ -83,14 +85,18 @@
|
|||
margin-bottom: 2em;
|
||||
}
|
||||
#global-comment-list .post-comment {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
@media all and (max-width: 40em) {
|
||||
#global-comment-list .post-comment {
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
#global-comment-list .post {
|
||||
-webkit-flex-shrink: 0;
|
||||
-webkit-flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
margin-right: 1em;
|
||||
|
|
|
@ -52,10 +52,16 @@
|
|||
.post-list ul.safety .safety-unsafe.disabled:before { background: linear-gradient(#DDB7B7, #C9A195); }
|
||||
|
||||
.post-list ul.posts {
|
||||
display: -webkit-flex;
|
||||
-webkit-justify-content: center;
|
||||
-webkit-align-content: center;
|
||||
-webkit-flex-wrap: wrap;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
|
|
@ -32,22 +32,27 @@
|
|||
|
||||
@media all and (min-width: 62.5em) {
|
||||
#post-view-wrapper {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#post-view-wrapper #sidebar {
|
||||
min-width: 15em;
|
||||
margin-right: 1em;
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#post-view-wrapper #post-view {
|
||||
-webkit-flex: 5;
|
||||
flex: 5;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 62.5em) {
|
||||
#post-view-wrapper {
|
||||
display: -webkit-flex;
|
||||
-webkit-flex-direction: column;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
@ -114,6 +119,8 @@
|
|||
}
|
||||
|
||||
#sidebar .essential {
|
||||
display: -webkit-flex;
|
||||
-webkit-justify-content: space-around;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 2em;
|
||||
|
|
Loading…
Reference in a new issue