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