responcive: flag collection in content left
This commit is contained in:
@@ -19316,6 +19316,9 @@ main[role="main"] {
|
||||
main[role="main"] > .scroller > .wrapper {
|
||||
display: flex;
|
||||
flex-direction: row-reverse; }
|
||||
@media (max-width: 436px) {
|
||||
main[role="main"] > .scroller > .wrapper {
|
||||
display: block; } }
|
||||
main[role="main"] > .scroller > .wrapper #content-left {
|
||||
flex-basis: 205px;
|
||||
flex-shrink: 0; }
|
||||
@@ -19323,6 +19326,9 @@ main[role="main"] {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0.5em 13px; }
|
||||
@media (max-width: 436px) {
|
||||
main[role="main"] > .scroller > .wrapper #content-left {
|
||||
padding-right: 13px; } }
|
||||
main[role="main"] > .scroller > .wrapper #content-center {
|
||||
flex-basis: 110%; }
|
||||
|
||||
@@ -19709,6 +19715,12 @@ aside.messages {
|
||||
#content-left .flag-collection > header .mdi-close {
|
||||
cursor: pointer;
|
||||
align-self: flex-end; }
|
||||
@media (max-width: 436px) {
|
||||
#content-left .flag-collection > ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between; } }
|
||||
#content-left .flag-collection > ul > li {
|
||||
margin: 0 0 13px 0;
|
||||
padding: 0; }
|
||||
|
Reference in New Issue
Block a user