Commit 0ba081947deaf773fbc3d62186669c0e9a91e105
1 parent
74632d6a
Exists in
master
and in
4 other branches
prototype styled. home button added
Showing
5 changed files
with
90 additions
and
15 deletions
Show diff stats
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 | ... | ... |