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

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

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