Commit 0ba081947deaf773fbc3d62186669c0e9a91e105

Authored by Dmitriy Zaporozhets
1 parent 74632d6a

prototype styled. home button added

app/assets/images/Gear-UI.PNG 0 → 100644

1.3 KB

app/assets/stylesheets/projects.css.scss
... ... @@ -548,7 +548,7 @@ h4.middle-panel {
548 548 font-size:16px;
549 549 font-weight:bold;
550 550 padding:5px 7px;
551   - color:#777;
  551 + color:#333;
552 552 }
553 553  
554 554 .git_url_wrapper {
... ... @@ -560,12 +560,50 @@ h4.middle-panel {
560 560 padding:0px;
561 561 margin:0px;
562 562 font-size: 12px;
563   - border-radius: 5px;
  563 +
  564 + border-radius: 0px;
  565 + -moz-border-radius: 0px;
  566 +
  567 + -moz-border-radius-bottomleft: 4px;
  568 + -moz-border-radius-topleft: 4px;
  569 +
  570 + border-top-left-radius: 4px;
  571 + border-bottom-left-radius: 4px;
  572 +
564 573 color: #666;
565   - box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;
566   - padding: 7px 0 5px 30px;
567   - background: white url('images.png') no-repeat 8px -40px;
568   - width: 250px;
  574 + border: 1px solid #AAA;
  575 + padding: 0 0 0 30px;
  576 + background: white url('images.png') no-repeat 8px -42px;
  577 + width: 160px;
  578 + height:26px;
  579 + }
  580 + }
  581 +}
  582 +
  583 +.top_panel_holder .chzn-container {
  584 + position:relative;
  585 +
  586 + .chzn-drop {
  587 + margin:7px 0;
  588 + border: 1px solid #CCC;
  589 + min-width: 300px;
  590 +
  591 + .chzn-results {
  592 + max-height:300px;
  593 + }
  594 + }
  595 +
  596 + .chzn-single {
  597 + background:white;
  598 + -moz-border-radius: 0;
  599 + border-radius: 0;
  600 + -moz-border-radius-bottomright: 4px;
  601 + -moz-border-radius-topright: 4px;
  602 + border-top-right-radius: 4px;
  603 + border-bottom-right-radius: 4px;
  604 +
  605 + div {
  606 + background:white;
569 607 }
570 608 }
571 609 }
... ... @@ -762,3 +800,32 @@ tr.line_notes_row {
762 800 }
763 801 }
764 802 }
  803 +.top_links_holder {
  804 + width:124px;
  805 + float:left;
  806 +
  807 + .top_link {
  808 + position: relative;
  809 + float:left;
  810 +
  811 + &.home {
  812 + width:28px;
  813 + height:27px;
  814 + top: -12px;
  815 + border: 1px solid #474D57;
  816 + border-radius: 3px;
  817 + background: #fff;
  818 +
  819 + margin-right:15px;
  820 + padding: 6px 7px;
  821 + }
  822 +
  823 + &.admin {
  824 + top: -3px;
  825 + padding: 3px;
  826 + width: 21px;
  827 + height: 21px;
  828 + }
  829 + }
  830 +}
  831 +
... ...
app/assets/stylesheets/style.scss
... ... @@ -611,7 +611,7 @@ body.project-page h2.icon .project-name i.arrow{float: right;
611 611 body.project-page h2.icon span{ background-position: -78px -68px; }
612 612 body.project-page .project-container{ position: relative; float: left; width: 100%; height: 100%; padding-bottom: 10px;}
613 613 body.project-page .page-title{margin-bottom: 0}
614   -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; }
  614 +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; }
615 615  
616 616 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}
617 617 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 621  
622 622 body.project-page .project-sidebar aside{width: 109px}
623 623 body.project-page .project-sidebar aside a{
624   - display: block; position: relative; background: white; padding: 15px 10px; border-bottom: 1px solid #eee; margin: 10px 20px 0 0;
  624 + display: block; position: relative; background: #F5F5F5; padding: 15px 10px;
  625 + border: 1px solid #ccc; margin: 10px 20px 0 0;
625 626 border-radius:5px;
626 627 }
627 628 body.project-page .project-sidebar aside a:hover{background-color: #eee;}
628 629 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}
629   -body.project-page .project-sidebar aside a.current{border: 2px solid #79c3e0; }
630   -body.project-page .project-content{ padding: 20px; display: block; margin-left: 125px; min-height: 600px}
  630 +body.project-page .project-sidebar aside a.current{border: 2px solid #79c3e0; background:white; }
  631 +body.project-page .project-content{ padding: 20px; display: block; margin-left: 130px; min-height: 600px}
631 632 body.project-page .project-content h2{ margin-top: 6px}
632 633 body.project-page .project-content .button.right{margin-left: 20px}
633 634 body.project-page table .commit a{color: #{$blue_link}}
... ...
app/views/layouts/_head_panel.html.haml
1 1 / Page Header
2   -%header
  2 +%header.top_panel_holder
  3 + %div.top_links_holder
  4 + = link_to root_path, :class => "top_link home", :title => "Home" do
  5 + = image_tag "Home-UI.PNG", :width => 26
  6 + - if current_user.is_admin?
  7 + = link_to admin_root_path, :class => "top_link admin", :title => "Admin" do
  8 + = image_tag "Gear-UI.PNG", :width => 20
  9 +
  10 +
3 11 - if @project && !@project.new_record?
4 12 .project_name
5 13 = truncate @project.name, :length => 20
6 14 .git_url_wrapper
7 15 %input.git-url.text{:id => "", :name => "", :readonly => "", :type => "text", :value => @project.url_to_repo, :class => "one_click_select"}
8   - = yield :rss_icon
9   -
10 16 - if @project.repo_exists?
11 17 .left{:style => "margin-left:5px;"}
12 18 = render :partial => "projects/refs", :locals => { :destination => controller.controller_name == "commits" ? "commits" : "tree" }
  19 + = yield :rss_icon
  20 +
13 21 .account-box
14 22 = link_to profile_path, :class => "pic" do
15 23 = image_tag gravatar_icon(current_user.email)
... ...
app/views/layouts/project.html.haml
... ... @@ -24,8 +24,7 @@
24 24 .fixed
25 25 %aside
26 26 = link_to project_path(@project), :class => project_tab_class do
27   - = image_tag "Home-UI.PNG", :width => 26
28   - %span{ :class => "number" } Pr
  27 + Project
29 28  
30 29 = link_to "Repository", project_repository_path(@project), :class => repository_tab_class
31 30 = link_to "Tree", tree_project_ref_path(@project, @project.root_ref), :class => tree_tab_class
... ...