Commit 0ba08194 authored by Dmitriy Zaporozhets's avatar Dmitriy Zaporozhets

prototype styled. home button added

parent 74632d6a
...@@ -548,7 +548,7 @@ h4.middle-panel { ...@@ -548,7 +548,7 @@ h4.middle-panel {
font-size:16px; font-size:16px;
font-weight:bold; font-weight:bold;
padding:5px 7px; padding:5px 7px;
color:#777; color:#333;
} }
.git_url_wrapper { .git_url_wrapper {
...@@ -560,12 +560,50 @@ h4.middle-panel { ...@@ -560,12 +560,50 @@ h4.middle-panel {
padding:0px; padding:0px;
margin:0px; margin:0px;
font-size: 12px; font-size: 12px;
border-radius: 5px;
border-radius: 0px;
-moz-border-radius: 0px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #666; color: #666;
box-shadow: 0 1px 2px rgba(0,0,0,.2) inset; border: 1px solid #AAA;
padding: 7px 0 5px 30px; padding: 0 0 0 30px;
background: white url('images.png') no-repeat 8px -40px; background: white url('images.png') no-repeat 8px -42px;
width: 250px; width: 160px;
height:26px;
}
}
}
.top_panel_holder .chzn-container {
position:relative;
.chzn-drop {
margin:7px 0;
border: 1px solid #CCC;
min-width: 300px;
.chzn-results {
max-height:300px;
}
}
.chzn-single {
background:white;
-moz-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
div {
background:white;
} }
} }
} }
...@@ -762,3 +800,32 @@ tr.line_notes_row { ...@@ -762,3 +800,32 @@ tr.line_notes_row {
} }
} }
} }
.top_links_holder {
width:124px;
float:left;
.top_link {
position: relative;
float:left;
&.home {
width:28px;
height:27px;
top: -12px;
border: 1px solid #474D57;
border-radius: 3px;
background: #fff;
margin-right:15px;
padding: 6px 7px;
}
&.admin {
top: -3px;
padding: 3px;
width: 21px;
height: 21px;
}
}
}
...@@ -611,7 +611,7 @@ body.project-page h2.icon .project-name i.arrow{float: right; ...@@ -611,7 +611,7 @@ body.project-page h2.icon .project-name i.arrow{float: right;
body.project-page h2.icon span{ background-position: -78px -68px; } body.project-page h2.icon span{ background-position: -78px -68px; }
body.project-page .project-container{ position: relative; float: left; width: 100%; height: 100%; padding-bottom: 10px;} body.project-page .project-container{ position: relative; float: left; width: 100%; height: 100%; padding-bottom: 10px;}
body.project-page .page-title{margin-bottom: 0} body.project-page .page-title{margin-bottom: 0}
body.project-page .project-sidebar {width: 110px; left: 0; top: 0; height: 100%; bottom: 0; position: absolute; background-color: #eee; float: left; display: inline-block; background: #eee; padding: 20px 0 20px 2%; margin: 0; } body.project-page .project-sidebar {width: 110px; left: 0; top: 0; height: 100%; bottom: 0; position: absolute; background-color: #eee; float: left; display: inline-block; background: #eee; padding: 20px 0 20px 2%; margin: 0; border-right: 1px solid #ddd; }
body.projects-page input.text.git-url { font-size: 12px; border-radius: 5px; color: #666; box-shadow: 0 1px 2px rgba(0,0,0,.2) inset; padding: 8px 0 8px 30px; margin-bottom: 20px; background: white url('images.png') no-repeat 8px -40px; width: 136px} body.projects-page input.text.git-url { font-size: 12px; border-radius: 5px; color: #666; box-shadow: 0 1px 2px rgba(0,0,0,.2) inset; padding: 8px 0 8px 30px; margin-bottom: 20px; background: white url('images.png') no-repeat 8px -40px; width: 136px}
body.projects-page input.text.git-url {margin:10px 0 0 } body.projects-page input.text.git-url {margin:10px 0 0 }
...@@ -621,13 +621,14 @@ body.projects-page input.text.git-url {margin:10px 0 0 } ...@@ -621,13 +621,14 @@ body.projects-page input.text.git-url {margin:10px 0 0 }
body.project-page .project-sidebar aside{width: 109px} body.project-page .project-sidebar aside{width: 109px}
body.project-page .project-sidebar aside a{ body.project-page .project-sidebar aside a{
display: block; position: relative; background: white; padding: 15px 10px; border-bottom: 1px solid #eee; margin: 10px 20px 0 0; display: block; position: relative; background: #F5F5F5; padding: 15px 10px;
border: 1px solid #ccc; margin: 10px 20px 0 0;
border-radius:5px; border-radius:5px;
} }
body.project-page .project-sidebar aside a:hover{background-color: #eee;} body.project-page .project-sidebar aside a:hover{background-color: #eee;}
body.project-page .project-sidebar aside a span.number{float: right; border-radius: 5px; text-shadow: none; background: rgba(0,0,0,.12); text-align: center; padding: 5px 8px; position: absolute; top: 10px; right: 10px} body.project-page .project-sidebar aside a span.number{float: right; border-radius: 5px; text-shadow: none; background: rgba(0,0,0,.12); text-align: center; padding: 5px 8px; position: absolute; top: 10px; right: 10px}
body.project-page .project-sidebar aside a.current{border: 2px solid #79c3e0; } body.project-page .project-sidebar aside a.current{border: 2px solid #79c3e0; background:white; }
body.project-page .project-content{ padding: 20px; display: block; margin-left: 125px; min-height: 600px} body.project-page .project-content{ padding: 20px; display: block; margin-left: 130px; min-height: 600px}
body.project-page .project-content h2{ margin-top: 6px} body.project-page .project-content h2{ margin-top: 6px}
body.project-page .project-content .button.right{margin-left: 20px} body.project-page .project-content .button.right{margin-left: 20px}
body.project-page table .commit a{color: #{$blue_link}} body.project-page table .commit a{color: #{$blue_link}}
......
/ Page Header / Page Header
%header %header.top_panel_holder
%div.top_links_holder
= link_to root_path, :class => "top_link home", :title => "Home" do
= image_tag "Home-UI.PNG", :width => 26
- if current_user.is_admin?
= link_to admin_root_path, :class => "top_link admin", :title => "Admin" do
= image_tag "Gear-UI.PNG", :width => 20
- if @project && !@project.new_record? - if @project && !@project.new_record?
.project_name .project_name
= truncate @project.name, :length => 20 = truncate @project.name, :length => 20
.git_url_wrapper .git_url_wrapper
%input.git-url.text{:id => "", :name => "", :readonly => "", :type => "text", :value => @project.url_to_repo, :class => "one_click_select"} %input.git-url.text{:id => "", :name => "", :readonly => "", :type => "text", :value => @project.url_to_repo, :class => "one_click_select"}
= yield :rss_icon
- if @project.repo_exists? - if @project.repo_exists?
.left{:style => "margin-left:5px;"} .left{:style => "margin-left:5px;"}
= render :partial => "projects/refs", :locals => { :destination => controller.controller_name == "commits" ? "commits" : "tree" } = render :partial => "projects/refs", :locals => { :destination => controller.controller_name == "commits" ? "commits" : "tree" }
= yield :rss_icon
.account-box .account-box
= link_to profile_path, :class => "pic" do = link_to profile_path, :class => "pic" do
= image_tag gravatar_icon(current_user.email) = image_tag gravatar_icon(current_user.email)
......
...@@ -24,8 +24,7 @@ ...@@ -24,8 +24,7 @@
.fixed .fixed
%aside %aside
= link_to project_path(@project), :class => project_tab_class do = link_to project_path(@project), :class => project_tab_class do
= image_tag "Home-UI.PNG", :width => 26 Project
%span{ :class => "number" } Pr
= link_to "Repository", project_repository_path(@project), :class => repository_tab_class = link_to "Repository", project_repository_path(@project), :class => repository_tab_class
= link_to "Tree", tree_project_ref_path(@project, @project.root_ref), :class => tree_tab_class = link_to "Tree", tree_project_ref_path(@project, @project.root_ref), :class => tree_tab_class
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment