diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss index 8dc11daae..a5976750d 100644 --- a/app/assets/stylesheets/admin.scss +++ b/app/assets/stylesheets/admin.scss @@ -22,6 +22,7 @@ $sidebar-hover: #25597c; $sidebar-active: #f4fcd0; .admin { + @include admin-layout; h2 { font-weight: 100; diff --git a/app/assets/stylesheets/dashboard.scss b/app/assets/stylesheets/dashboard.scss index cfa1985b4..30f59e6bb 100644 --- a/app/assets/stylesheets/dashboard.scss +++ b/app/assets/stylesheets/dashboard.scss @@ -16,6 +16,10 @@ // 01. Dashboard global // -------------------- +.proposal-dashboard { + @include admin-layout; +} + .proposal-title { display: inline-block; diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss index faef06d3f..db2678c55 100644 --- a/app/assets/stylesheets/mixins.scss +++ b/app/assets/stylesheets/mixins.scss @@ -3,6 +3,7 @@ // 01. Logo // 02. Orbit bullets // 03. Direct uploads +// 04. Admin layout // ------------------ // 01. Logo @@ -126,6 +127,22 @@ } } +// 04. Admin layout +// ---------------- + +@mixin admin-layout { + display: flex; + flex-direction: column; + + > header { + margin-bottom: 0; + } + + > .menu-and-content { + flex: 1; + } +} + @mixin has-fa-icon($icon, $style) { @extend .fa-#{$icon}; diff --git a/app/views/layouts/admin.html.erb b/app/views/layouts/admin.html.erb index d25288dc2..32dd1c045 100644 --- a/app/views/layouts/admin.html.erb +++ b/app/views/layouts/admin.html.erb @@ -9,7 +9,7 @@ <%= render "layouts/admin_header" %> -