treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Adjust admin UI right panel size 

Port 9ee9cb549b to glitch-soc
remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
Thibaut Girka 2019-01-13 20:41:38 +01:00
parent 2c5f0f12ac
commit 4cec7a77c3
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/javascript/flavours/glitch/styles/admin.scss
View File

@ -1,4 +1,6 @@
$no-columns-breakpoint: 600px; $no-columns-breakpoint: 600px;
$sidebar-width: 240px;
$content-width: 840px;
.admin-wrapper { .admin-wrapper {
display: flex; display: flex;
@ -6,7 +8,7 @@ $no-columns-breakpoint: 600px;
height: 100%; height: 100%;
.sidebar-wrapper { .sidebar-wrapper {
flex: 1; flex: 1 1 $sidebar-width;
height: 100%; height: 100%;
background: $ui-base-color; background: $ui-base-color;
display: flex; display: flex;
@ -14,7 +16,7 @@ $no-columns-breakpoint: 600px;
} }
.sidebar { .sidebar {
width: 240px; width: $sidebar-width;
height: 100%; height: 100%;
padding: 0; padding: 0;
overflow-y: auto; overflow-y: auto;
@ -95,12 +97,12 @@ $no-columns-breakpoint: 600px;
} }
.content-wrapper { .content-wrapper {
flex: 2; flex: 2 1 $content-width;
overflow: auto; overflow: auto;
} }
.content { .content {
max-width: 700px; max-width: $content-width;
padding: 20px 15px; padding: 20px 15px;
padding-top: 60px; padding-top: 60px;
padding-left: 25px; padding-left: 25px;