Merge pull request #4006 from consul/blank_space

Make the admin menu fill the screen vertically
This commit is contained in:
Javi Martín
2020-09-22 11:12:18 +02:00
committed by GitHub
6 changed files with 25 additions and 3 deletions

View File

@@ -22,6 +22,7 @@ $sidebar-hover: #25597c;
$sidebar-active: #f4fcd0;
.admin {
@include admin-layout;
h2 {
font-weight: 100;

View File

@@ -16,6 +16,10 @@
// 01. Dashboard global
// --------------------
.proposal-dashboard {
@include admin-layout;
}
.proposal-title {
display: inline-block;

View File

@@ -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};

View File

@@ -9,7 +9,7 @@
<body class="admin">
<%= render "layouts/admin_header" %>
<div class="menu-and-content no-margin-top">
<div class="menu-and-content">
<%= check_box_tag :show_menu, nil, false, role: "switch" %>
<nav id="side_menu" class="admin-sidebar">

View File

@@ -27,7 +27,7 @@
<%= render "layouts/header", with_subnavigation: false %>
<div class="menu-and-content no-margin-top">
<div class="menu-and-content">
<%= check_box_tag :show_menu, nil, false, role: "switch" %>
<nav id="side_menu" class="dashboard-sidebar">

View File

@@ -45,7 +45,7 @@
</div>
</header>
<div class="menu-and-content no-margin-top">
<div class="menu-and-content">
<%= check_box_tag :show_menu, nil, false, role: "switch" %>
<nav class="admin-sidebar">