marrub
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Limit width of single-column to 600px, keep composer docked to left.

staging
multiple creatures 2019-04-15 19:40:32 -05:00
parent beee1934b2
commit 1930b2332d
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/flavours/glitch/styles/single-column/diff.scss
View File

@ -2,16 +2,18 @@
/* One Column */ /* One Column */
:root { // Overrides .wide stylings for mobile view :root { // Overrides .wide stylings for mobile view
@media screen and (min-width: 631px) { @media screen and (min-width: 1000px) {
.columns-area { .columns-area {
width: 80%; width: 100%;
margin: -60px auto auto; margin: -60px auto auto;
} }
.drawer { min-width: 400px }
.tabs-bar { .tabs-bar {
display: flex; display: flex;
width: calc(80% - 315px); width: 585px;
margin: 10px 0 0 calc(10% + 305px); margin: 10px 0 0 calc(50% - 95px);
z-index: 1; z-index: 1;
} }
@ -35,7 +37,9 @@
.column:last-child { .column:last-child {
display: flex; display: flex;
min-width: calc(100% - 300px); min-width: 600px;
max-width: 600px;
margin-left: calc(50% - 500px);
margin-top: 58px; margin-top: 58px;
} }