Left align logo; increase max width of title
This commit is contained in:
parent
58758bd592
commit
6effd81ea5
|
@ -148,16 +148,11 @@ header {
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-logo {
|
.header-logo {
|
||||||
position: absolute;
|
display: inline-block;
|
||||||
left: 50%;
|
margin: 0 8px 0 3px;
|
||||||
|
position: relative;
|
||||||
top: 7px;
|
top: 7px;
|
||||||
transition-duration: .3s;
|
transition-duration: .3s;
|
||||||
z-index: 999;
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg,
|
svg,
|
||||||
img {
|
img {
|
||||||
|
@ -167,15 +162,6 @@ header {
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-xs-max) {
|
|
||||||
right: 20px;
|
|
||||||
left: auto;
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
@ -183,7 +169,6 @@ header {
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
max-width: 385px;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: $header-height;
|
line-height: $header-height;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -193,14 +178,18 @@ header {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
|
||||||
max-width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: $screen-xs-max) {
|
@media (max-width: $screen-xs-max) {
|
||||||
max-width: 190px;
|
max-width: 190px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
|
||||||
|
max-width: 428px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: $screen-lg-min) {
|
||||||
|
max-width: 685px;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $gl-text-color;
|
color: $gl-text-color;
|
||||||
|
|
||||||
|
|
|
@ -65,12 +65,12 @@
|
||||||
%div
|
%div
|
||||||
= link_to "Sign in", new_session_path(:user, redirect_to_referer: 'yes'), class: 'btn btn-sign-in btn-success'
|
= link_to "Sign in", new_session_path(:user, redirect_to_referer: 'yes'), class: 'btn btn-sign-in btn-success'
|
||||||
|
|
||||||
%h1.title= title
|
|
||||||
|
|
||||||
.header-logo
|
.header-logo
|
||||||
= link_to root_path, class: 'home', title: 'Dashboard', id: 'logo' do
|
= link_to root_path, class: 'home', title: 'Dashboard', id: 'logo' do
|
||||||
= brand_header_logo
|
= brand_header_logo
|
||||||
|
|
||||||
|
%h1.title= title
|
||||||
|
|
||||||
= yield :header_content
|
= yield :header_content
|
||||||
|
|
||||||
= render 'shared/outdated_browser'
|
= render 'shared/outdated_browser'
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
title: Left align logo
|
||||||
|
merge_request:
|
||||||
|
author:
|
Loading…
Reference in New Issue