deac/gitlabhq
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Make the logo icon more awesome

Browse source
This commit is contained in:
Dmitriy Zaporozhets 2012-12-24 21:18:23 +02:00
parent a87fccc083
commit 4ba24596d3
7 changed files with 64 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
app/assets/stylesheets/sections/header.scss
View file

@ -35,9 +35,14 @@ header {
.app_logo { .app_logo {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
position: relative;
top: -5px;
padding-top: 5px;
a { a {
float: left; float: left;
padding: 0px; padding: 0px;
margin: 0 10px;
h1 { h1 {
background: url('logo_dark.png') no-repeat 0px 2px; background: url('logo_dark.png') no-repeat 0px 2px;
@ -48,6 +53,9 @@ header {
text-indent: -9999px; text-indent: -9999px;
} }
} }
&:hover {
background-color: #EEE;
}
} }
/** /**
@ -243,5 +251,23 @@ header {
text-shadow: 0 1px 1px #111; text-shadow: 0 1px 1px #111;
} }
} }
.app_logo {
.separator {
margin-left: 0;
margin-right: 0;
}
}
.separator {
float: left;
height: 60px;
width: 1px;
background: white;
border-left: 1px solid #DDD;
margin-top: -10px;
margin-left: 10px;
margin-right: 10px;
}
} }

13
app/assets/stylesheets/themes/ui_basic.scss
View file

@ -4,21 +4,8 @@
* *
*/ */
.ui_basic { .ui_basic {
.app_logo {
.separator { .separator {
margin-left: 0;
margin-right: 0;
}
}
.separator {
float: left;
height: 60px;
width: 1px;
background: white; background: white;
border-left: 1px solid #DDD; border-left: 1px solid #DDD;
margin-top: -10px;
margin-left: 10px;
margin-right: 10px;
} }
} }

9
app/assets/stylesheets/themes/ui_color.scss
View file

@ -17,6 +17,15 @@
&.navbar-gitlab { &.navbar-gitlab {
.navbar-inner { .navbar-inner {
background: #657; background: #657;
.app_logo {
&:hover {
background-color: #6A5A7A;
}
}
.separator {
background: #546;
border-left: 1px solid #706080;
}
} }
} }
} }

9
app/assets/stylesheets/themes/ui_gray.scss
View file

@ -17,6 +17,15 @@
&.navbar-gitlab { &.navbar-gitlab {
.navbar-inner { .navbar-inner {
background: #708090; background: #708090;
.app_logo {
&:hover {
background-color: #6A7A8A;
}
}
.separator {
background: #607080;
border-left: 1px solid #8090A0;
}
} }
} }
} }

13
app/assets/stylesheets/themes/ui_mars.scss
View file

@ -46,21 +46,26 @@
.app_logo { .app_logo {
a { a {
h1 { h1 {
background: url('logo_white.png') no-repeat 0px 2px; background: url('logo_white.png') no-repeat center center;
color: #eee; color: #eee;
text-shadow: 0 1px 1px #111; text-shadow: 0 1px 1px #111;
} }
} }
.separator { &:hover {
display: none; background-color: #41464e;
} }
} }
.project_name { .project_name {
color: #eee; color: #eee;
text-shadow: 0 1px 1px #111; text-shadow: 0 1px 1px #111;
} }
} }
.separator {
background: #31363E;
border-left: 1px solid #666;
}
/* /*
* End of Application Header * End of Application Header
* *

9
app/assets/stylesheets/themes/ui_modern.scss
View file

@ -17,6 +17,15 @@
&.navbar-gitlab { &.navbar-gitlab {
.navbar-inner { .navbar-inner {
background: #567; background: #567;
.app_logo {
&:hover {
background-color: #516171;
}
}
.separator {
background: #456;
border-left: 1px solid #678;
}
} }
} }
} }

1
app/views/layouts/_head_panel.html.haml
View file

@ -2,6 +2,7 @@
.navbar-inner .navbar-inner
.container .container
%div.app_logo %div.app_logo
%span.separator
= link_to root_path, class: "home has_bottom_tooltip", title: "Dashboard" do = link_to root_path, class: "home has_bottom_tooltip", title: "Dashboard" do
%h1 GITLAB %h1 GITLAB
%span.separator %span.separator