consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changes general styles for devise layout

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2017-01-09 18:07:04 +01:00
parent ef7988649d
commit 42d147a462
2 changed files with 37 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/assets/stylesheets/layout.scss
View File

@@ -600,12 +600,23 @@ h2.sidebar-title {
// -------------- // --------------
.auth-page { .auth-page {
.wrapper {
margin: 0 auto (-$line-height)*14;
}
}
.auth-image {
background: $brand image-url("auth_bg.jpg"); background: $brand image-url("auth_bg.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
h1:not(.logo) { @include breakpoint(medium) {
@include logo; min-height: $line-height*42;
}
h1 {
margin-top: $line-height;
a { a {
color: white; color: white;
@@ -621,16 +632,15 @@ h2.sidebar-title {
} }
} }
.auth { .auth-form {
@include breakpoint(medium) {
padding-top: $line-height*4;
}
p, a, .checkbox { p, a, .checkbox {
font-size: $small-font-size; font-size: $small-font-size;
} }
.panel {
background: white;
border: 0;
}
} }
// 06. Forms // 06. Forms

38
app/views/layouts/devise.html.erb
View File

@@ -13,28 +13,28 @@
</head> </head>
<body class="auth-page"> <body class="auth-page">
<div class="wrapper margin-top"> <div class="wrapper">
<div class="row"> <div class="auth-image small-12 medium-3 column">
<div class="small-12 medium-8 large-5 column small-centered margin-top"> <h1 class="logo margin">
<h1> <%= link_to root_path do %>
<%= link_to root_path do %> <%= image_tag('logo_header.png', class: 'float-left', alt: t("layouts.header.logo")) %>
<%= image_tag('logo_header.png', class: 'show-for-medium float-left', size: '96x96', alt: t("layouts.header.logo")) %> <%= setting['org_name'] %>
<%= t("layouts.header.open_gov", open: "#{t('layouts.header.open')}").html_safe %> <% end %>
<% end %> </h1>
</h1> </div>
<div class="small-12 medium-9 column">
<div class="row">
<div class="small-12 medium-6 small-centered column">
<div class="auth-form">
<%= render 'layouts/flash' %>
<%= yield %>
</div>
</div>
</div> </div>
</div> </div>
<div class="row auth">
<main>
<div class="small-12 medium-8 large-5 column small-centered panel padding margin-bottom">
<%= render 'layouts/flash' %>
<%= yield %>
</div>
</main>
</div>
<div class="push"></div> <div class="push"></div>
</div> </div>