Commit 693ff1c6 authored by Dmitriy Zaporozhets's avatar Dmitriy Zaporozhets

dashboard restyled. colors improved

parent 0ba08194
...@@ -543,7 +543,7 @@ h4.middle-panel { ...@@ -543,7 +543,7 @@ h4.middle-panel {
.project_name { .project_name {
float:left; float:left;
width:160px; width:235px;
margin-right:30px; margin-right:30px;
font-size:16px; font-size:16px;
font-weight:bold; font-weight:bold;
...@@ -572,7 +572,7 @@ h4.middle-panel { ...@@ -572,7 +572,7 @@ h4.middle-panel {
color: #666; color: #666;
border: 1px solid #AAA; border: 1px solid #AAA;
padding: 0 0 0 30px; padding: 0 10px 0 30px;
background: white url('images.png') no-repeat 8px -42px; background: white url('images.png') no-repeat 8px -42px;
width: 160px; width: 160px;
height:26px; height:26px;
...@@ -624,6 +624,10 @@ h4.middle-panel { ...@@ -624,6 +624,10 @@ h4.middle-panel {
margin-bottom:20px; margin-bottom:20px;
height:26px; height:26px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
.tab { .tab {
font-weight: bold; font-weight: bold;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
...@@ -733,7 +737,6 @@ a.project-update.titled { ...@@ -733,7 +737,6 @@ a.project-update.titled {
.title-block { .title-block {
padding: 10px; padding: 10px;
width: 205px; width: 205px;
background: #f5f5f5;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
...@@ -829,3 +832,16 @@ tr.line_notes_row { ...@@ -829,3 +832,16 @@ tr.line_notes_row {
} }
} }
.dash_top_link {
margin: 4px 14px;
float: left;
font-size: 14px;
&.active {
color:#2FA0BB;
}
&:hover {
color:#2FA0BB;
}
}
...@@ -569,7 +569,7 @@ html, body { height: 100%; } ...@@ -569,7 +569,7 @@ html, body { height: 100%; }
body.dashboard-page h2.icon span{ background-position: 9px -69px; } body.dashboard-page h2.icon span{ background-position: 9px -69px; }
body.dashboard-page header{margin-bottom: 0} body.dashboard-page header{margin-bottom: 0}
body.dashboard-page .news-feed{padding-left: 1em; margin-right: 450px; min-height: 600px; margin-left: 1%} body.dashboard-page .news-feed{padding-left: 1em; margin-right: 450px; min-height: 600px; margin-left: 1%; margin-top: 20px;}
body.dashboard-page .dashboard-content{ position: relative; float: left; width: 100%; height: 100%; } body.dashboard-page .dashboard-content{ position: relative; float: left; width: 100%; height: 100%; }
body.dashboard-page .news-feed h2{float: left;} body.dashboard-page .news-feed h2{float: left;}
body.dashboard-page aside{ min-height: 820px; position: relative; top: 0; bottom: 0; right: 0; width: 420px; float: right; background-color: #f7f7f7; border-left: 1px solid #ccc } body.dashboard-page aside{ min-height: 820px; position: relative; top: 0; bottom: 0; right: 0; width: 420px; float: right; background-color: #f7f7f7; border-left: 1px solid #ccc }
...@@ -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; border-right: 1px solid #ddd; } body.project-page .project-sidebar {width: 110px; left: 0; top: 0; height: 100%; bottom: 0; position: absolute; float: left; display: inline-block; background: #F7F7F7; 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,11 +621,15 @@ body.projects-page input.text.git-url {margin:10px 0 0 } ...@@ -621,11 +621,15 @@ 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: #F5F5F5; padding: 15px 10px; display: block;
border: 1px solid #ccc; margin: 10px 20px 0 0; position: relative;
background: #FFF;
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: #FFFFFF;}
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; background:white; } 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: 130px; min-height: 600px} body.project-page .project-content{ padding: 20px; display: block; margin-left: 130px; min-height: 600px}
...@@ -636,7 +640,7 @@ body.project-page table th, body.project-page table td{ border-bottom: 1px soli ...@@ -636,7 +640,7 @@ body.project-page table th, body.project-page table td{ border-bottom: 1px soli
body.project-page .fixed{position: fixed; } body.project-page .fixed{position: fixed; }
/* New project Page */ /* New project Page */
.new-project-page .container{width: 600px; background-color: rgba(0,0,0,.02); margin: auto; border: 1px solid #eee; padding: 0 20px; margin: 30px auto 60px auto; border-radius: 5px} .new-project-page .container{ margin:20px}
.new-project-page .container table{background: white} .new-project-page .container table{background: white}
/* eo New Project Page */ /* eo New Project Page */
......
...@@ -6,9 +6,7 @@ ...@@ -6,9 +6,7 @@
= image_tag "rss_icon_gray.png", :width => 16, :title => "feed" = image_tag "rss_icon_gray.png", :width => 16, :title => "feed"
- if params[:path] - if params[:path]
%h2.icon %h2
%span
%d
= link_to project_commits_path(@project) do = link_to project_commits_path(@project) do
= @project.code = @project.code
\/ \/
......
%h4.dash-tabs -#%h4.dash-tabs
= link_to "Activities", dashboard_path, :remote => true, :class => "dash-button #{"active" if current_page?(dashboard_path) || current_page?(root_path) }", :id => "activities_slide" = link_to "Activities", dashboard_path, :remote => true, :class => "dash-button #{"active" if current_page?(dashboard_path) || current_page?(root_path) }", :id => "activities_slide"
= link_to "Issues", dashboard_issues_path, :remote => true, :class => "dash-button #{"active" if current_page?(dashboard_issues_path)}", :id => "issues_slide" = link_to "Issues", dashboard_issues_path, :remote => true, :class => "dash-button #{"active" if current_page?(dashboard_issues_path)}", :id => "issues_slide"
= link_to "Merge Requests", dashboard_merge_requests_path, :remote => true, :class => "dash-button #{"active" if current_page?(dashboard_merge_requests_path)}", :id => "merge_requests_slide" = link_to "Merge Requests", dashboard_merge_requests_path, :remote => true, :class => "dash-button #{"active" if current_page?(dashboard_merge_requests_path)}", :id => "merge_requests_slide"
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
- if @project && !@project.new_record? - if @project && !@project.new_record?
.project_name .project_name
= truncate @project.name, :length => 20 = truncate @project.name, :length => 28
.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"}
- if @project.repo_exists? - if @project.repo_exists?
...@@ -18,6 +18,11 @@ ...@@ -18,6 +18,11 @@
= 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 = yield :rss_icon
- if controller.controller_name == "dashboard"
= link_to "Activities", dashboard_path, :class => "dash_top_link #{"active" if current_page?(dashboard_path) || current_page?(root_path) }"
= link_to "Issues", dashboard_issues_path, :class => "dash_top_link #{"active" if current_page?(dashboard_issues_path)}", :id => "issues_slide"
= link_to "Merge Requests", dashboard_merge_requests_path, :class => "dash_top_link #{"active" if current_page?(dashboard_merge_requests_path)}", :id => "merge_requests_slide"
.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)
......
%h4.middle-panel
.project_name
= truncate @project.name, :length => 20
.git_url_wrapper
%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?
.right= render :partial => "projects/refs", :locals => { :destination => controller.controller_name == "commits" ? "commits" : "tree" }
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
- if @project.common_notes.today.count > 0 - if @project.common_notes.today.count > 0
%span{ :class => "number" }= @project.common_notes.today.count %span{ :class => "number" }= @project.common_notes.today.count
= link_to project_merge_requests_path(@project), :class => (controller.controller_name == "merge_requests") ? "current" : nil do = link_to project_merge_requests_path(@project), :class => (controller.controller_name == "merge_requests") ? "current" : nil do
Merge Requests
-#- if @project.merge_requests.opened.count > 0 -#- if @project.merge_requests.opened.count > 0
%span{ :class => "number" }= @project.merge_requests.opened.count %span{ :class => "number" }= @project.merge_requests.opened.count
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
= render "project_head" = render "project_head"
#news-feed.news-feed #news-feed.news-feed
.project-box.project-updates.ui-box.ui-box-small.ui-box-big .project-box.project-updates
- @activities.each do |update| - @activities.each do |update|
= render "projects/feed", :update => update, :project => @project = render "projects/feed", :update => update, :project => @project
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
= render "head" = render "head"
#news-feed.news-feed #news-feed.news-feed
.project-box.project-updates.ui-box.ui-box-small.ui-box-big .project-box.project-updates
- @activities.each do |update| - @activities.each do |update|
= render "repositories/feed", :update => update, :project => @project = render "repositories/feed", :update => update, :project => @project
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