Merge pull request #4239 from consul/layout
Simplify main layout styles
This commit is contained in:
@@ -42,7 +42,13 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
font-size: $base-font-size;
|
font-size: $base-font-size;
|
||||||
|
|
||||||
|
> .wrapper {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
@@ -214,19 +220,6 @@ a {
|
|||||||
color: $check;
|
color: $check;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto (-$line-height) * 12;
|
|
||||||
height: auto !important;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer,
|
|
||||||
.push {
|
|
||||||
clear: both;
|
|
||||||
min-height: $line-height * 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ie-callout {
|
.ie-callout {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -508,7 +501,8 @@ a {
|
|||||||
// 02. Header
|
// 02. Header
|
||||||
// ----------
|
// ----------
|
||||||
|
|
||||||
header {
|
body > header,
|
||||||
|
.wrapper > header {
|
||||||
background: $brand;
|
background: $brand;
|
||||||
border-bottom: 1px solid $border;
|
border-bottom: 1px solid $border;
|
||||||
margin-bottom: $line-height;
|
margin-bottom: $line-height;
|
||||||
@@ -932,7 +926,9 @@ footer {
|
|||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background: #f1f1f1;
|
background: #f1f1f1;
|
||||||
|
clear: both;
|
||||||
margin-top: $line-height * 2;
|
margin-top: $line-height * 2;
|
||||||
|
min-height: $line-height * 12;
|
||||||
padding-top: $line-height;
|
padding-top: $line-height;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -999,8 +995,8 @@ footer {
|
|||||||
|
|
||||||
.auth-page {
|
.auth-page {
|
||||||
|
|
||||||
.wrapper {
|
.footer {
|
||||||
margin: 0 auto (-$line-height) * 14;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -996,12 +996,6 @@
|
|||||||
@include grid-row;
|
@include grid-row;
|
||||||
margin-top: $line-height * 1.5;
|
margin-top: $line-height * 1.5;
|
||||||
padding: 0 rem-calc(16);
|
padding: 0 rem-calc(16);
|
||||||
|
|
||||||
> header {
|
|
||||||
background: none;
|
|
||||||
border: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h4,
|
h4,
|
||||||
|
|||||||
@@ -131,8 +131,6 @@
|
|||||||
// ----------------
|
// ----------------
|
||||||
|
|
||||||
@mixin admin-layout {
|
@mixin admin-layout {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
> header {
|
> header {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|||||||
@@ -20,11 +20,11 @@
|
|||||||
<%= t("application.menu") %>
|
<%= t("application.menu") %>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="top-bar-title">
|
<h1 class="top-bar-title">
|
||||||
<%= link_to root_path, accesskey: "0" do %>
|
<%= link_to root_path, accesskey: "0" do %>
|
||||||
<%= image_tag(image_path_for("logo_header.png"), class: "float-left", alt: t("layouts.header.logo")) %>
|
<%= image_tag(image_path_for("logo_header.png"), class: "float-left", alt: setting["org_name"]) %>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</h1>
|
||||||
|
|
||||||
<div id="responsive-menu">
|
<div id="responsive-menu">
|
||||||
<div class="top-bar-right">
|
<div class="top-bar-right">
|
||||||
|
|||||||
@@ -16,8 +16,6 @@
|
|||||||
<body class="<%= yield (:body_class) %>">
|
<body class="<%= yield (:body_class) %>">
|
||||||
<%= raw setting["html.per_page_code_body"] %>
|
<%= raw setting["html.per_page_code_body"] %>
|
||||||
|
|
||||||
<h1 class="show-for-sr"><%= setting["org_name"] %></h1>
|
|
||||||
|
|
||||||
<div class="wrapper <%= yield (:wrapper_class) %>">
|
<div class="wrapper <%= yield (:wrapper_class) %>">
|
||||||
<%= render "layouts/header", with_subnavigation: true %>
|
<%= render "layouts/header", with_subnavigation: true %>
|
||||||
|
|
||||||
@@ -44,8 +42,6 @@
|
|||||||
<%= render "layouts/flash" %>
|
<%= render "layouts/flash" %>
|
||||||
|
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
|
|
||||||
<div class="push"></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<%= render "layouts/footer" %>
|
<%= render "layouts/footer" %>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<div class="auth-image small-12 medium-3 column">
|
<div class="auth-image small-12 medium-3 column">
|
||||||
<h1 class="logo margin">
|
<h1 class="logo margin">
|
||||||
<%= link_to root_path do %>
|
<%= link_to root_path do %>
|
||||||
<%= image_tag(image_path_for("logo_header.png"), class: "float-left", alt: t("layouts.header.logo")) %>
|
<%= image_tag(image_path_for("logo_header.png"), class: "float-left", alt: setting["org_name"]) %>
|
||||||
<% end %>
|
<% end %>
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
@@ -28,8 +28,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="push"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
|
|||||||
@@ -233,7 +233,6 @@ en:
|
|||||||
collaborative_legislation: Collaborative legislation
|
collaborative_legislation: Collaborative legislation
|
||||||
debates: Debates
|
debates: Debates
|
||||||
locale: "Language:"
|
locale: "Language:"
|
||||||
logo: CONSUL logo
|
|
||||||
management: Management
|
management: Management
|
||||||
moderation: Moderation
|
moderation: Moderation
|
||||||
valuation: Valuation
|
valuation: Valuation
|
||||||
|
|||||||
@@ -233,7 +233,6 @@ es:
|
|||||||
collaborative_legislation: Legislación colaborativa
|
collaborative_legislation: Legislación colaborativa
|
||||||
debates: Debates
|
debates: Debates
|
||||||
locale: "Idioma:"
|
locale: "Idioma:"
|
||||||
logo: Logo de CONSUL
|
|
||||||
management: Gestión
|
management: Gestión
|
||||||
moderation: Moderar
|
moderation: Moderar
|
||||||
valuation: Evaluación
|
valuation: Evaluación
|
||||||
|
|||||||
Reference in New Issue
Block a user