Commit bef29f0797af43e1102579c75b598501555019fd
1 parent
fed0da80
Exists in
master
and in
4 other branches
project, commits page with bootstrap
Showing
10 changed files
with
225 additions
and
500 deletions
Show diff stats
app/assets/javascripts/merge_requests.js
| @@ -4,17 +4,17 @@ var MergeRequest = { | @@ -4,17 +4,17 @@ var MergeRequest = { | ||
| 4 | 4 | ||
| 5 | init: | 5 | init: |
| 6 | function() { | 6 | function() { |
| 7 | - $(".merge-tabs a").live("click", function() { | ||
| 8 | - $(".merge-tabs a").removeClass("active"); | ||
| 9 | - $(this).addClass("active"); | 7 | + $(".tabs a").live("click", function() { |
| 8 | + $(".tabs a").parent().removeClass("active"); | ||
| 9 | + $(this).parent().addClass("active"); | ||
| 10 | }); | 10 | }); |
| 11 | 11 | ||
| 12 | - $(".merge-tabs a.merge-notes-tab").live("click", function() { | 12 | + $(".tabs a.merge-notes-tab").live("click", function() { |
| 13 | $(".merge-request-commits, .merge-request-diffs").hide(); | 13 | $(".merge-request-commits, .merge-request-diffs").hide(); |
| 14 | $(".merge-request-notes").show(); | 14 | $(".merge-request-notes").show(); |
| 15 | }); | 15 | }); |
| 16 | 16 | ||
| 17 | - $(".merge-tabs a.merge-commits-tab").live("click", function() { | 17 | + $(".tabs a.merge-commits-tab").live("click", function() { |
| 18 | if(!MergeRequest.commits_loaded) { | 18 | if(!MergeRequest.commits_loaded) { |
| 19 | MergeRequest.loadCommits(); | 19 | MergeRequest.loadCommits(); |
| 20 | } | 20 | } |
| @@ -22,7 +22,7 @@ var MergeRequest = { | @@ -22,7 +22,7 @@ var MergeRequest = { | ||
| 22 | $(".merge-request-commits").show(); | 22 | $(".merge-request-commits").show(); |
| 23 | }); | 23 | }); |
| 24 | 24 | ||
| 25 | - $(".merge-tabs a.merge-diffs-tab").live("click", function() { | 25 | + $(".tabs a.merge-diffs-tab").live("click", function() { |
| 26 | if(!MergeRequest.diffs_loaded) { | 26 | if(!MergeRequest.diffs_loaded) { |
| 27 | MergeRequest.loadDiff(); | 27 | MergeRequest.loadDiff(); |
| 28 | } | 28 | } |
app/assets/stylesheets/buttons.scss
| @@ -116,26 +116,3 @@ input.button{margin-bottom: 1.5em} | @@ -116,26 +116,3 @@ input.button{margin-bottom: 1.5em} | ||
| 116 | .button-green{background: #A6B807; color: white} | 116 | .button-green{background: #A6B807; color: white} |
| 117 | 117 | ||
| 118 | 118 | ||
| 119 | -.commit-button{ | ||
| 120 | - background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.192, #fff), to(#f4f4f4)); | ||
| 121 | - background-image: -webkit-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 122 | - background-image: -moz-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 123 | - background-image: -o-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 124 | - box-shadow: 0 -1px 0 white inset; | ||
| 125 | - display: block; | ||
| 126 | - border: 1px solid #eee; | ||
| 127 | - border-radius: 5px; | ||
| 128 | - margin-bottom: 2px; | ||
| 129 | - position: relative; | ||
| 130 | - padding-right: 20px !important; | ||
| 131 | -} | ||
| 132 | - | ||
| 133 | -.commit-button i{ | ||
| 134 | - background: url('images.png') no-repeat -138px -27px; | ||
| 135 | - width: 6px; | ||
| 136 | - height: 9px; | ||
| 137 | - float: right; | ||
| 138 | - position: absolute; | ||
| 139 | - top: 6px; | ||
| 140 | - right: 5px; | ||
| 141 | -} |
app/assets/stylesheets/commits.css.scss
| 1 | -/* Commit Page */ | ||
| 2 | -.commit-info{float: right;} | ||
| 3 | -.commit-info data{ | ||
| 4 | - padding: 4px 10px; | ||
| 5 | - font-size: 11px; | ||
| 6 | -} | ||
| 7 | -.commits-date {display: block; width: 100%; margin-bottom: 20px} | ||
| 8 | -.commits-date .data {padding: 0} | ||
| 9 | -a.commit{padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;} | ||
| 10 | -a.commit {padding: 10px; border-bottom: none; overflow: hidden; display: block;} | ||
| 11 | -a.commit:last-child{border-bottom: 0} | ||
| 12 | -a.commit img{float: left; margin-right: 10px;} | ||
| 13 | -a.commit .commit-title{display: block;} | ||
| 14 | -a.commit .commit-title{margin-bottom: 10px} | ||
| 15 | -a.commit .commit-author{color: #999; font-weight: normal; font-style: italic;} | ||
| 16 | -a.commit .commit-author strong{font-weight: bold; font-style: normal;} | 1 | +/** |
| 2 | + * | ||
| 3 | + * COMMIT SHOw | ||
| 4 | + * | ||
| 5 | + */ | ||
| 6 | + | ||
| 17 | 7 | ||
| 18 | -/* eo Commit Page */ | ||
| 19 | -/** Commit diff view **/ | ||
| 20 | .diff_file { | 8 | .diff_file { |
| 21 | border:1px solid #CCC; | 9 | border:1px solid #CCC; |
| 22 | margin-bottom:1em; | 10 | margin-bottom:1em; |
| @@ -49,6 +37,11 @@ a.commit .commit-author strong{font-weight: bold; font-style: normal;} | @@ -49,6 +37,11 @@ a.commit .commit-author strong{font-weight: bold; font-style: normal;} | ||
| 49 | border:none; | 37 | border:none; |
| 50 | margin:0px; | 38 | margin:0px; |
| 51 | padding:0px; | 39 | padding:0px; |
| 40 | + tr { | ||
| 41 | + td { | ||
| 42 | + font-size:12px; | ||
| 43 | + } | ||
| 44 | + } | ||
| 52 | } | 45 | } |
| 53 | .old_line, .new_line { | 46 | .old_line, .new_line { |
| 54 | margin:0px; | 47 | margin:0px; |
| @@ -87,14 +80,6 @@ a.commit .commit-author strong{font-weight: bold; font-style: normal;} | @@ -87,14 +80,6 @@ a.commit .commit-author strong{font-weight: bold; font-style: normal;} | ||
| 87 | } | 80 | } |
| 88 | } | 81 | } |
| 89 | 82 | ||
| 90 | -pre.commit_message { | ||
| 91 | - white-space: pre-wrap; | ||
| 92 | - font-family: "Helvetica", sans-serif; | ||
| 93 | - color: #555; | ||
| 94 | - font-weight:bold; | ||
| 95 | - font-size:15px; | ||
| 96 | -} | ||
| 97 | - | ||
| 98 | /** COMMIT BLOCK **/ | 83 | /** COMMIT BLOCK **/ |
| 99 | .commit-title{display: block;} | 84 | .commit-title{display: block;} |
| 100 | .commit-title{margin-bottom: 10px} | 85 | .commit-title{margin-bottom: 10px} |
| @@ -124,45 +109,50 @@ ul.bordered-list li:last-child { border:none } | @@ -124,45 +109,50 @@ ul.bordered-list li:last-child { border:none } | ||
| 124 | } | 109 | } |
| 125 | } | 110 | } |
| 126 | 111 | ||
| 127 | -.per_line_form { | ||
| 128 | - font-family: "Helvetica", sans-serif; | ||
| 129 | - background: #2FA0BB; | ||
| 130 | - | ||
| 131 | - td { | ||
| 132 | - padding:0; | ||
| 133 | - } | ||
| 134 | 112 | ||
| 135 | - form { | ||
| 136 | - margin:5px; | ||
| 137 | - width: 756px; | ||
| 138 | - border: 1px solid #CCC; | ||
| 139 | - padding: 20px; | ||
| 140 | - background: white; | ||
| 141 | - } | 113 | +tr.line_notes_row { |
| 114 | + border-bottom:1px solid #DDD; | ||
| 142 | } | 115 | } |
| 143 | 116 | ||
| 117 | +/** | ||
| 118 | + * | ||
| 119 | + * COMMIT LIST | ||
| 120 | + * | ||
| 121 | + */ | ||
| 144 | 122 | ||
| 145 | -tr.line_notes_row { | ||
| 146 | - font-family: "Helvetica", sans-serif; | ||
| 147 | - &:hover { | ||
| 148 | - background:none; | ||
| 149 | - } | ||
| 150 | - td { | ||
| 151 | - margin:0px; | ||
| 152 | - padding:0px; | ||
| 153 | - border-bottom:1px solid #DEE2E3; | ||
| 154 | - | 123 | +.commit-info{float: right;} |
| 124 | +.commit-info data{ | ||
| 125 | + padding: 4px 10px; | ||
| 126 | + font-size: 11px; | ||
| 127 | +} | ||
| 128 | +a.commit{padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;} | ||
| 129 | +a.commit:last-child {border-bottom: 0} | ||
| 130 | +a.commit img{float: left; margin-right: 10px;} | ||
| 131 | +a.commit .commit-title{display: block;} | ||
| 132 | +a.commit .commit-title{margin-bottom: 10px} | ||
| 133 | +a.commit .commit-author{color: #999; font-weight: normal; font-style: italic;} | ||
| 134 | +a.commit .commit-author strong{font-weight: bold; font-style: normal;} | ||
| 155 | 135 | ||
| 156 | - ul { | ||
| 157 | - display:block; | ||
| 158 | - list-style:none; | ||
| 159 | - margin:0px; | ||
| 160 | - padding:0px; | 136 | +.commit-button{ |
| 137 | + background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.192, #fff), to(#f4f4f4)); | ||
| 138 | + background-image: -webkit-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 139 | + background-image: -moz-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 140 | + background-image: -o-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 141 | + box-shadow: 0 -1px 0 white inset; | ||
| 142 | + display: block; | ||
| 143 | + border: 1px solid #eee; | ||
| 144 | + border-radius: 5px; | ||
| 145 | + margin-bottom: 2px; | ||
| 146 | + position: relative; | ||
| 147 | + padding-right: 20px !important; | ||
| 148 | +} | ||
| 161 | 149 | ||
| 162 | - li { | ||
| 163 | - border-top:1px solid #DEE2E3; | ||
| 164 | - padding:10px; | ||
| 165 | - } | ||
| 166 | - } | ||
| 167 | - } | 150 | +.commit-button i{ |
| 151 | + background: url('images.png') no-repeat -138px -27px; | ||
| 152 | + width: 6px; | ||
| 153 | + height: 9px; | ||
| 154 | + float: right; | ||
| 155 | + position: absolute; | ||
| 156 | + top: 6px; | ||
| 157 | + right: 5px; | ||
| 168 | } | 158 | } |
app/assets/stylesheets/common.scss
| @@ -9,7 +9,8 @@ $active_bg_color:#79C3E0; | @@ -9,7 +9,8 @@ $active_bg_color:#79C3E0; | ||
| 9 | $active_bd_color: #2FA0BB; | 9 | $active_bd_color: #2FA0BB; |
| 10 | $border_color:#CCC; | 10 | $border_color:#CCC; |
| 11 | $lite_border_color:#EEE; | 11 | $lite_border_color:#EEE; |
| 12 | -$app_width:980px; | 12 | +$min_app_width:940px; |
| 13 | +$max_app_width:980px; | ||
| 13 | $app_padding:20px; | 14 | $app_padding:20px; |
| 14 | $bg_color: #FFF; | 15 | $bg_color: #FFF; |
| 15 | $styled_border_color: #2FA0BB; | 16 | $styled_border_color: #2FA0BB; |
| @@ -90,58 +91,40 @@ $blue_link: "#2fa0bb"; | @@ -90,58 +91,40 @@ $blue_link: "#2fa0bb"; | ||
| 90 | /** LAYOUT **/ | 91 | /** LAYOUT **/ |
| 91 | 92 | ||
| 92 | .container-fluid { | 93 | .container-fluid { |
| 93 | - max-width:980px; | 94 | + min-width:$min_app_width; |
| 95 | + max-width:$max_app_width; | ||
| 94 | margin:auto; | 96 | margin:auto; |
| 95 | - margin-top:80px; | 97 | + margin-top:60px; |
| 96 | } | 98 | } |
| 97 | 99 | ||
| 98 | .container-fluid > .sidebar { | 100 | .container-fluid > .sidebar { |
| 99 | - width: 110px; | ||
| 100 | - left: 0; | ||
| 101 | - top: 0; | ||
| 102 | - height: 100%; | ||
| 103 | - bottom: 0; | ||
| 104 | - position: absolute; | ||
| 105 | - float: left; | ||
| 106 | - display: inline-block; | ||
| 107 | - background: #FFF; | ||
| 108 | - padding: $app_padding; | ||
| 109 | - padding-right:0px; | ||
| 110 | - margin: 0; | 101 | + width: 140px; |
| 111 | border-right: 1px solid $border_color; | 102 | border-right: 1px solid $border_color; |
| 112 | - | ||
| 113 | - aside { | ||
| 114 | - width: 109px | ||
| 115 | - } | 103 | + height:100%; |
| 116 | } | 104 | } |
| 117 | 105 | ||
| 118 | .container-fluid > .content { | 106 | .container-fluid > .content { |
| 119 | - margin-left: 130px; | ||
| 120 | -} | ||
| 121 | - | ||
| 122 | -/** GITLAB reset **/ | ||
| 123 | -a { | ||
| 124 | - color: $link_color; | ||
| 125 | - &:hover { text-decoration:none; } | 107 | + margin-left: 160px; |
| 126 | } | 108 | } |
| 127 | 109 | ||
| 110 | +@import "reset_bootstrap.scss"; | ||
| 128 | @import "top_panel.scss"; | 111 | @import "top_panel.scss"; |
| 129 | @import "projects.css.scss"; | 112 | @import "projects.css.scss"; |
| 130 | - | ||
| 131 | -@import "style.scss"; | ||
| 132 | @import "commits.css.scss"; | 113 | @import "commits.css.scss"; |
| 133 | -@import "notes.css.scss"; | ||
| 134 | -@import "merge_requests.css.scss"; | ||
| 135 | 114 | ||
| 136 | -@import "issues.css.scss"; | ||
| 137 | -@import "commits.css.scss"; | 115 | +//@import "style.scss"; |
| 116 | +//@import "notes.css.scss"; | ||
| 117 | +//@import "merge_requests.css.scss"; | ||
| 118 | + | ||
| 119 | +//@import "issues.css.scss"; | ||
| 120 | +//@import "commits.css.scss"; | ||
| 138 | 121 | ||
| 139 | -@import "dashboard.scss"; | ||
| 140 | -@import "tree.scss"; | ||
| 141 | -@import "tags.scss"; | ||
| 142 | -@import "buttons.scss"; | 122 | +//@import "dashboard.scss"; |
| 123 | +//@import "tree.scss"; | ||
| 124 | +//@import "tags.scss"; | ||
| 125 | +//@import "buttons.scss"; | ||
| 143 | 126 | ||
| 144 | /** CODE HIGHTLIGHT **/ | 127 | /** CODE HIGHTLIGHT **/ |
| 145 | -@import "highlight.css.scss"; | ||
| 146 | -@import "highlight.black.css.scss"; | 128 | +//@import "highlight.css.scss"; |
| 129 | +//@import "highlight.black.css.scss"; | ||
| 147 | 130 |
app/assets/stylesheets/projects.css.scss
| 1 | -.git_url_wrapper { margin-right:50px } | ||
| 2 | - | ||
| 3 | -.sidebar aside a{ | ||
| 4 | - display: block; | ||
| 5 | - position: relative; | ||
| 6 | - padding: 15px 10px; | ||
| 7 | - margin: 10px 0 0 0; | 1 | +.git_url_wrapper { |
| 2 | + margin-right:50px | ||
| 3 | +} | ||
| 8 | 4 | ||
| 9 | - span.number{ | ||
| 10 | - 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; | 5 | +.sidebar { |
| 6 | + .fixed { | ||
| 7 | + position:fixed; | ||
| 11 | } | 8 | } |
| 12 | - &.current { | ||
| 13 | - color: white; | ||
| 14 | - background: $active_bg_color; | ||
| 15 | - border: 1px solid $active_bd_color; | ||
| 16 | - border-radius:5px; | ||
| 17 | 9 | ||
| 18 | - -webkit-border-top-right-radius: 0; | ||
| 19 | - -webkit-border-bottom-right-radius: 0; | ||
| 20 | - -moz-border-radius-topright: 0px; | ||
| 21 | - -moz-border-radius-bottomright: 0px; | ||
| 22 | - border-top-right-radius: 0; | ||
| 23 | - border-bottom-right-radius: 0; | ||
| 24 | - margin-right: -1px; | 10 | + aside a { |
| 11 | + display:block; | ||
| 12 | + position:relative; | ||
| 13 | + padding:15px 10px; | ||
| 14 | + margin:10px 0 0 0; | ||
| 15 | + font-size:13px; | ||
| 16 | + font-weight:bold; | ||
| 25 | } | 17 | } |
| 26 | } | 18 | } |
| 27 | - | ||
| 28 | -body table .commit a{color: #{$blue_link}} | ||
| 29 | -body table th, body table td{ border-bottom: 1px solid #DEE2E3;} | ||
| 30 | -body .fixed{position: fixed; } | ||
| 31 | - | ||
| 32 | -/** File stat **/ | ||
| 33 | .file_stats { | 19 | .file_stats { |
| 34 | span { | 20 | span { |
| 35 | img { | 21 | img { |
| 36 | width:14px; | 22 | width:14px; |
| 37 | float:left; | 23 | float:left; |
| 38 | - margin-right: 6px; | 24 | + margin-right:6px; |
| 39 | padding:2px 0; | 25 | padding:2px 0; |
| 40 | } | 26 | } |
| 41 | } | 27 | } |
| 42 | } | 28 | } |
| 43 | 29 | ||
| 44 | -.round-borders { | ||
| 45 | - @include round-borders-all(4px); | ||
| 46 | - padding: 4px 0px; | ||
| 47 | -} | ||
| 48 | - | ||
| 49 | -table.round-borders { | ||
| 50 | - float:left; | ||
| 51 | - text-align: left; | ||
| 52 | -} | ||
| 53 | - | ||
| 54 | - | ||
| 55 | - | ||
| 56 | -/** PROJECTS **/ | ||
| 57 | -input.ssh_project_url { | ||
| 58 | - padding:5px; | ||
| 59 | - margin:0px; | ||
| 60 | - float:right; | ||
| 61 | - width:400px; | ||
| 62 | - text-align:center; | ||
| 63 | -} | ||
| 64 | - | ||
| 65 | -#projects-list .project { | ||
| 66 | - height:50px; | ||
| 67 | -} | ||
| 68 | - | ||
| 69 | -#tree-slider .tree-item, | ||
| 70 | -#projects-list .project, | ||
| 71 | -#snippets-table .snippet, | ||
| 72 | -#issues-table .issue{ | ||
| 73 | - cursor:pointer; | 30 | +.handle:hover { |
| 31 | + cursor:move; | ||
| 74 | } | 32 | } |
| 75 | - | ||
| 76 | -.clear { | ||
| 77 | - clear: both; | ||
| 78 | -} | ||
| 79 | - | ||
| 80 | - | ||
| 81 | - | ||
| 82 | -#user_projects_limit{ | ||
| 83 | - width: 60px; | ||
| 84 | -} | ||
| 85 | - | ||
| 86 | -.handle:hover{ | ||
| 87 | - cursor: move; | ||
| 88 | -} | ||
| 89 | - | ||
| 90 | .project-refs-form { | 33 | .project-refs-form { |
| 91 | span { | 34 | span { |
| 92 | - background: none !important; | 35 | + background:none !important; |
| 93 | position:static !important; | 36 | position:static !important; |
| 94 | width:auto !important; | 37 | width:auto !important; |
| 95 | - height: auto !important; | 38 | + height:auto !important; |
| 96 | } | 39 | } |
| 97 | } | 40 | } |
| 98 | - | ||
| 99 | .project-refs-select { | 41 | .project-refs-select { |
| 100 | width:200px; | 42 | width:200px; |
| 101 | } | 43 | } |
| 102 | 44 | ||
| 103 | -.filter .left { margin-right:15px; } | ||
| 104 | - | ||
| 105 | -body table .commit { | ||
| 106 | - a.tree-commit-link { | ||
| 107 | - color:#444; | ||
| 108 | - &:hover { | ||
| 109 | - text-decoration:underline; | ||
| 110 | - } | ||
| 111 | - } | 45 | +/* Project Dashboard Page */ |
| 46 | +.news-feed h2 { | ||
| 47 | + float:left; | ||
| 112 | } | 48 | } |
| 113 | - | ||
| 114 | -/** NEW PROJECT **/ | ||
| 115 | -.new-project-hodler { | ||
| 116 | - .icon span { background-position: -31px -70px; } | ||
| 117 | - td { border-bottom: 1px solid #DEE2E3; } | 49 | +.news-feed .project-updates { |
| 50 | + margin-bottom:20px; | ||
| 51 | + display:block; | ||
| 52 | + width:100%; | ||
| 118 | } | 53 | } |
| 119 | - | ||
| 120 | -/** Feed entry **/ | ||
| 121 | -.commit, | ||
| 122 | -.snippet, | ||
| 123 | -.message { | ||
| 124 | - .title { | ||
| 125 | - color:#666; | ||
| 126 | - a { color:#666 !important; } | ||
| 127 | - p { margin-top:0px; } | ||
| 128 | - } | ||
| 129 | - .author { color: #999 } | 54 | +.news-feed .project-updates .data { |
| 55 | + padding:0 | ||
| 130 | } | 56 | } |
| 131 | - | ||
| 132 | -/** JQuery UI **/ | ||
| 133 | -.ui-autocomplete { @include round-borders-all(5px); } | ||
| 134 | -.ui-menu-item { cursor: pointer } | ||
| 135 | -.ui-selectmenu{ | ||
| 136 | - @include round-borders-all(4px); | 57 | +.news-feed .project-updates a.project-update { |
| 58 | + padding:10px; | ||
| 59 | + border-bottom:1px solid #eee; | ||
| 60 | + overflow:hidden; | ||
| 61 | + display:block; | ||
| 62 | +} | ||
| 63 | +.news-feed .project-updates a.project-update:last-child { | ||
| 64 | + border-bottom:0 | ||
| 65 | +} | ||
| 66 | +.news-feed .project-updates a.project-update img { | ||
| 67 | + float:left; | ||
| 137 | margin-right:10px; | 68 | margin-right:10px; |
| 138 | - font-size:1.5em; | ||
| 139 | - height:auto; | 69 | +} |
| 70 | +.news-feed .project-updates a.project-update span.update-title,.dashboard-page .news-feed .project-updates li a span.update-author { | ||
| 71 | + display:block; | ||
| 72 | +} | ||
| 73 | +.news-feed .project-updates a.project-update span.update-title { | ||
| 74 | + margin-bottom:10px | ||
| 75 | +} | ||
| 76 | +.news-feed .project-updates a.project-update span.update-author { | ||
| 77 | + color:#999; | ||
| 78 | + font-weight:normal; | ||
| 79 | + font-style:italic; | ||
| 80 | +} | ||
| 81 | +.news-feed .project-updates a.project-update span.update-author strong { | ||
| 140 | font-weight:bold; | 82 | font-weight:bold; |
| 141 | - .ui-selectmenu-status { | ||
| 142 | - padding:3px 10px; | ||
| 143 | - } | 83 | + font-style: normal; |
| 144 | } | 84 | } |
| 145 | - | ||
| 146 | -#holder { | ||
| 147 | - background:#FAFAFA; | ||
| 148 | - border: 1px solid #EEE; | ||
| 149 | - cursor: move; | ||
| 150 | - height: 70%; | ||
| 151 | - overflow: hidden; | 85 | +/** UPDATE ITEM **/ |
| 86 | +.update-data { | ||
| 87 | + padding:0 | ||
| 152 | } | 88 | } |
| 153 | - | ||
| 154 | -/* Project Dashboard Page */ | ||
| 155 | -html, body { height: 100%; } | ||
| 156 | - | ||
| 157 | -.news-feed h2{float: left;} | ||
| 158 | -.news-feed .project-updates {margin-bottom: 20px; display: block; width: 100%;} | ||
| 159 | -.news-feed .project-updates .data{ padding: 0} | ||
| 160 | -.news-feed .project-updates a.project-update {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;} | ||
| 161 | -.news-feed .project-updates a.project-update:last-child{border-bottom: 0} | ||
| 162 | -.news-feed .project-updates a.project-update img{float: left; margin-right: 10px;} | ||
| 163 | -.news-feed .project-updates a.project-update span.update-title, .dashboard-page .news-feed .project-updates li a span.update-author{display: block;} | ||
| 164 | -.news-feed .project-updates a.project-update span.update-title{margin-bottom: 10px} | ||
| 165 | -.news-feed .project-updates a.project-update span.update-author{color: #999; font-weight: normal; font-style: italic;} | ||
| 166 | -.news-feed .project-updates a.project-update span.update-author strong{font-weight: bold; font-style: normal;} | ||
| 167 | -/* eo Dashboard Page */ | ||
| 168 | - | ||
| 169 | - | ||
| 170 | -/** Update entry **/ | ||
| 171 | -.update-data { padding: 0 } | ||
| 172 | -.update-data { width:100%; } | ||
| 173 | -.update-data.ui-box .data { padding:0; } | ||
| 174 | -a.update-item {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;} | ||
| 175 | -a.update-item:last-child{border-bottom: 0} | ||
| 176 | -a.update-item img{float: left; margin-right: 10px;} | ||
| 177 | -a.update-item span.update-title, .dashboard-page .news-feed .project-updates li a span.update-author{display: block;} | ||
| 178 | -a.update-item span.update-title{margin-bottom: 10px} | ||
| 179 | -a.update-item span.update-author{color: #999; font-weight: normal; font-style: italic;} | ||
| 180 | -a.update-item span.update-author strong{font-weight: bold; font-style: normal;} | ||
| 181 | - | ||
| 182 | - | ||
| 183 | -body .team_member_new .span-6, .team_member_edit .span-6{ padding:10px 0; } | ||
| 184 | - | ||
| 185 | -body.projects-page input.text.git-url.project_list_url { width:165px; } | ||
| 186 | - | ||
| 187 | - | ||
| 188 | -body table.no-borders th { | ||
| 189 | - background:none; | ||
| 190 | - border-bottom:1px solid #CCC; | ||
| 191 | - color:#333; | 89 | +.update-data { |
| 90 | + width:100%; | ||
| 192 | } | 91 | } |
| 193 | - | ||
| 194 | -body table.no-borders tr, | ||
| 195 | -body table.no-borders td{ | ||
| 196 | - border:none; | 92 | +a.update-item { |
| 93 | + padding:10px; | ||
| 94 | + border-bottom:1px solid #eee; | ||
| 95 | + overflow:hidden; | ||
| 96 | + display:block; | ||
| 197 | } | 97 | } |
| 198 | - | 98 | +a.update-item:last-child { |
| 99 | + border-bottom:0 | ||
| 100 | +} | ||
| 101 | +a.update-item img { | ||
| 102 | + float:left; | ||
| 103 | + margin-right:10px; | ||
| 104 | +} | ||
| 105 | +a.update-item span.update-title,.dashboard-page .news-feed .project-updates li a span.update-author { | ||
| 106 | + display:block; | ||
| 107 | +} | ||
| 108 | +a.update-item span.update-title { | ||
| 109 | + margin-bottom:10px | ||
| 110 | +} | ||
| 111 | +a.update-item span.update-author { | ||
| 112 | + color:#999; | ||
| 113 | + font-weight:normal; | ||
| 114 | + font-style:italic; | ||
| 115 | +} | ||
| 116 | +a.update-item span.update-author strong { | ||
| 117 | + font-weight:bold; | ||
| 118 | + font-style:normal; | ||
| 119 | +} | ||
| 120 | +/** END UPDATE ITEM **/ | ||
| 199 | .ajax-tab-loading { | 121 | .ajax-tab-loading { |
| 200 | padding:40px; | 122 | padding:40px; |
| 201 | display:none; | 123 | display:none; |
| 202 | } | 124 | } |
| 203 | - | ||
| 204 | -#tree-content-holder { float:left; width:100%; } | ||
| 205 | - | 125 | +#tree-content-holder { |
| 126 | + float:left; | ||
| 127 | + width:100%; | ||
| 128 | +} | ||
| 206 | #tree-readme-holder { | 129 | #tree-readme-holder { |
| 207 | float:left; | 130 | float:left; |
| 208 | width:100%; | 131 | width:100%; |
| 209 | - | ||
| 210 | .readme { | 132 | .readme { |
| 211 | @include round-borders-all(4px); | 133 | @include round-borders-all(4px); |
| 212 | - padding: 4px 15px; | ||
| 213 | - background:#F7F7F7; | 134 | + padding:4px 15px; |
| 135 | + background: #F7F7F7; | ||
| 214 | } | 136 | } |
| 215 | } | 137 | } |
| 216 | - | ||
| 217 | - | ||
| 218 | - | ||
| 219 | -/* Commit Page */ | ||
| 220 | -.entity-info {float: right;} | ||
| 221 | -.entity-button{ | ||
| 222 | - background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.192, #fff), to(#f4f4f4)); | ||
| 223 | - background-image: -webkit-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 224 | - background-image: -moz-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 225 | - background-image: -o-linear-gradient(#fff 19.2%, #f4f4f4); | ||
| 226 | - box-shadow: 0 -1px 0 white inset; | ||
| 227 | - display: block; | ||
| 228 | - border: 1px solid #eee; | ||
| 229 | - border-radius: 5px; | ||
| 230 | - margin-bottom: 2px; | ||
| 231 | - position: relative; | ||
| 232 | - padding: 4px 10px; | ||
| 233 | - font-size: 11px; | ||
| 234 | - padding-right: 20px; | ||
| 235 | -} | ||
| 236 | - | ||
| 237 | -.entity-button i{ | ||
| 238 | - background: url('images.png') no-repeat -138px -27px; | ||
| 239 | - width: 6px; | ||
| 240 | - height: 9px; | ||
| 241 | - float: right; | ||
| 242 | - position: absolute; | ||
| 243 | - top: 6px; | ||
| 244 | - right: 5px; | ||
| 245 | -} | ||
| 246 | -.box-arrow{float: right; background: #E3E5EA; padding: 10px; border-radius: 5px; margin-top: 2px; text-shadow: none; color: #999; margin: 1.5em 0;} | ||
| 247 | - | ||
| 248 | -h4.dash-tabs { | ||
| 249 | - margin: 0; | ||
| 250 | - border-bottom: 1px solid #ccc; | ||
| 251 | - padding: 10px 10px; | ||
| 252 | - font-size: 11px; | ||
| 253 | - padding-left:20px; | ||
| 254 | - font-weight: bold; text-transform: uppercase; | ||
| 255 | - background: #F7F7F7; | ||
| 256 | - margin-bottom:20px; | ||
| 257 | - height:13px; | ||
| 258 | - | ||
| 259 | -} | ||
| 260 | - | ||
| 261 | -.dash-button { | ||
| 262 | - border-right: 1px solid #ddd; | ||
| 263 | - background:none; | ||
| 264 | - padding: 10px 15px; | 138 | +.dashboard-loader { |
| 265 | float:left; | 139 | float:left; |
| 266 | - position:relative; | ||
| 267 | - top:-10px; | ||
| 268 | - left:0px; | ||
| 269 | - height:13px; | ||
| 270 | - | ||
| 271 | - &:first-child { | ||
| 272 | - border-left: 1px solid #ddd; | ||
| 273 | - } | ||
| 274 | - &.active { | ||
| 275 | - background: #eaeaea; | ||
| 276 | - } | ||
| 277 | -} | ||
| 278 | - | ||
| 279 | - | ||
| 280 | -.dashboard-loader { | ||
| 281 | - float:right; | ||
| 282 | - margin-right:30px; | 140 | + margin:10px; |
| 283 | display:none; | 141 | display:none; |
| 284 | } | 142 | } |
| 285 | - | ||
| 286 | - | ||
| 287 | -.merge-tabs { | ||
| 288 | - margin: 0; | ||
| 289 | - border: 1px solid #ccc; | ||
| 290 | - padding: 5px; | ||
| 291 | - font-size: 12px; | ||
| 292 | - background: #F7F7F7; | ||
| 293 | - margin-bottom:20px; | ||
| 294 | - height:26px; | ||
| 295 | - | ||
| 296 | - -moz-border-radius: 4px; | ||
| 297 | - -webkit-border-radius: 4px; | ||
| 298 | - border-radius: 4px; | ||
| 299 | - | ||
| 300 | - .tab { | ||
| 301 | - font-weight: bold; | ||
| 302 | - border-right: 1px solid #ddd; | ||
| 303 | - background:none; | ||
| 304 | - padding: 10px; | ||
| 305 | - min-width:60px; | ||
| 306 | - float:left; | ||
| 307 | - position:relative; | ||
| 308 | - top:-5px; | ||
| 309 | - left:-5px; | ||
| 310 | - height:16px; | ||
| 311 | - padding-left:34px; | ||
| 312 | - | ||
| 313 | - span { | ||
| 314 | - width: 20px; | ||
| 315 | - height: 20px; | ||
| 316 | - display: inline-block; | ||
| 317 | - position: absolute; | ||
| 318 | - left: 8px; | ||
| 319 | - top: 8px; | ||
| 320 | - } | ||
| 321 | - | ||
| 322 | - &.active { | ||
| 323 | - background: #eaeaea; | ||
| 324 | - } | ||
| 325 | - } | ||
| 326 | -} | ||
| 327 | -.merge-tabs.repository .tab span{ background: url("images.png") no-repeat -38px -77px; } | ||
| 328 | -.activities-tab span { background: url("images.png") no-repeat -161px -1px; } | ||
| 329 | -.stat-tab span, | ||
| 330 | -.team-tab span, | ||
| 331 | -.snippets-tab span { background: url("images.png") no-repeat -38px -77px; } | ||
| 332 | -.files-tab span { background: url("images.png") no-repeat -112px -23px; } | ||
| 333 | - | ||
| 334 | -.merge-notes-tab span { background: url("images.png") no-repeat -161px -1px; } | ||
| 335 | -.merge-commits-tab span { background: url("images.png") no-repeat -86px 1px; } | ||
| 336 | -.merge-diffs-tab span { background: url("images.png") no-repeat -118px 1px; } | ||
| 337 | -.merge-tabs .dashboard-loader { padding:8px; } | ||
| 338 | - | ||
| 339 | -.user-mention { | ||
| 340 | - color: #2FA0BB; | ||
| 341 | - font-weight: bold; | ||
| 342 | -} | ||
| 343 | - | ||
| 344 | -.author { | ||
| 345 | - color: #999; | ||
| 346 | -} | ||
| 347 | - | ||
| 348 | - | ||
| 349 | - | ||
| 350 | - | ||
| 351 | -.dark_scheme_box { | ||
| 352 | - padding:20px 0; | ||
| 353 | - | ||
| 354 | - label { | ||
| 355 | - float:left; | ||
| 356 | - box-shadow: 0 0px 5px rgba(0,0,0,.3); | ||
| 357 | - | ||
| 358 | - img { | ||
| 359 | - } | ||
| 360 | - } | 143 | +.user-mention { |
| 144 | + color:#2FA0BB; | ||
| 145 | + font-weight:bold; | ||
| 361 | } | 146 | } |
| 362 | 147 | ||
| 363 | -a.project-update.titled { | ||
| 364 | - position: relative; | ||
| 365 | - padding-left: 235px !important; | ||
| 366 | - | ||
| 367 | - .title-block { | ||
| 368 | - padding: 10px; | ||
| 369 | - width: 205px; | ||
| 370 | - position: absolute; | ||
| 371 | - left: 0; | ||
| 372 | - top: 0; | 148 | +a.project-update.titled { |
| 149 | + position:relative; | ||
| 150 | + padding-left:35% !important; | ||
| 151 | + .title-block { | ||
| 152 | + padding:10px; | ||
| 153 | + width:35%; | ||
| 154 | + position:absolute; | ||
| 155 | + left:0; | ||
| 156 | + top:0; | ||
| 373 | } | 157 | } |
| 374 | } | 158 | } |
| 375 | - | ||
| 376 | -.add_new { | ||
| 377 | - float: right; | ||
| 378 | - background: #A6B807; | ||
| 379 | - color: white; | ||
| 380 | - padding: 4px 10px; | ||
| 381 | - @include round-borders-all(4px); | ||
| 382 | - font-size:11px; | ||
| 383 | - margin: 10px 0; | ||
| 384 | -} |
app/assets/stylesheets/top_panel.scss
| @@ -65,7 +65,8 @@ body header { | @@ -65,7 +65,8 @@ body header { | ||
| 65 | 65 | ||
| 66 | .wrapper { | 66 | .wrapper { |
| 67 | margin:auto; | 67 | margin:auto; |
| 68 | - width:$app_width; | 68 | + min-width:$min_app_width; |
| 69 | + max-width:$max_app_width; | ||
| 69 | position:relative; | 70 | position:relative; |
| 70 | 71 | ||
| 71 | .top_panel_content { | 72 | .top_panel_content { |
| @@ -185,10 +186,9 @@ float: right; | @@ -185,10 +186,9 @@ float: right; | ||
| 185 | } | 186 | } |
| 186 | 187 | ||
| 187 | .account-box.hover{height: 138px;} | 188 | .account-box.hover{height: 138px;} |
| 188 | - | ||
| 189 | .account-box:hover > .account-links{display: block;} | 189 | .account-box:hover > .account-links{display: block;} |
| 190 | -header .account-links{ | ||
| 191 | - background: #79C3E0; display: none; border-radius: 5px; width: 100px; margin-top: 0; float: right; box-shadow: 0 1px 1px rgba(0,0,0,.2); position:relative;} | 190 | +header .account-links{ background: #79C3E0; display: none; border-radius: 5px; width: 100px; margin-top: 0; float: right; box-shadow: 0 1px 1px rgba(0,0,0,.2); position:relative;} |
| 191 | + | ||
| 192 | header .account-links:before { | 192 | header .account-links:before { |
| 193 | content: "."; | 193 | content: "."; |
| 194 | width:0; | 194 | width:0; |
| @@ -196,7 +196,7 @@ header .account-links:before { | @@ -196,7 +196,7 @@ header .account-links:before { | ||
| 196 | position:absolute; | 196 | position:absolute; |
| 197 | border:5px solid transparent; | 197 | border:5px solid transparent; |
| 198 | border-color:rgba(255,255,255,0); | 198 | border-color:rgba(255,255,255,0); |
| 199 | - border-bottom-color:#fafafa; | 199 | + border-bottom-color:#333; |
| 200 | text-indent:-9999px; | 200 | text-indent:-9999px; |
| 201 | top:-10px; | 201 | top:-10px; |
| 202 | line-height:0; | 202 | line-height:0; |
| @@ -204,17 +204,22 @@ header .account-links:before { | @@ -204,17 +204,22 @@ header .account-links:before { | ||
| 204 | z-index:10; | 204 | z-index:10; |
| 205 | } | 205 | } |
| 206 | 206 | ||
| 207 | -/* Inspired by http://maxvoltar.com/temp/nowplaying/ */ | ||
| 208 | -header .account-links{background: white; display: none; z-index: 100000; border-radius: 5px; width: 100px; position: absolute; right: 20px; top: 46px; margin-top: 0; float: right; box-shadow: 0 1px 1px rgba(0,0,0,.2); } | ||
| 209 | -header .account-links a{color: #666; padding: 6px 10px; display: block; text-shadow: none; border-bottom: 1px solid #eee} | ||
| 210 | -header .account-links a:hover{ | ||
| 211 | - background: #3aacec; | ||
| 212 | - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#39acec), to(#279ada), color-stop(.05, #4cbefe)); | ||
| 213 | - background: -moz-linear-gradient(top, #39acec, #4cbefe 5%, #279ada); | ||
| 214 | - background: linear-gradient(top, #39acec, #4cbefe 5%, #279ada); | ||
| 215 | - color: #fff; | ||
| 216 | - text-shadow: #1488c8 0 -1px 0; | 207 | +header .account-links{ |
| 208 | + background: #333; | ||
| 209 | + display: none; | ||
| 210 | + z-index: 100000; | ||
| 211 | + border-radius: 5px; | ||
| 212 | + width: 100px; | ||
| 213 | + position: absolute; | ||
| 214 | + right: 20px; | ||
| 215 | + top: 46px; | ||
| 216 | + margin-top: 0; | ||
| 217 | + float: right; | ||
| 218 | + box-shadow: 0 1px 1px rgba(0,0,0,.2); | ||
| 217 | } | 219 | } |
| 220 | + | ||
| 221 | +header .account-links a{color: #EEE; padding: 6px 10px; display: block; text-shadow: none; border-bottom: 1px solid #555} | ||
| 222 | +header .account-links a:hover{ background: #444;} | ||
| 218 | .account-box.hover .arrow-up{top: 41px; right: 6px; position: absolute} | 223 | .account-box.hover .arrow-up{top: 41px; right: 6px; position: absolute} |
| 219 | header .account-links a:first-child{ | 224 | header .account-links a:first-child{ |
| 220 | -webkit-border-top-left-radius: 5px; | 225 | -webkit-border-top-left-radius: 5px; |
app/views/layouts/_project_side.html.haml
| @@ -13,7 +13,5 @@ | @@ -13,7 +13,5 @@ | ||
| 13 | Issues | 13 | Issues |
| 14 | = link_to wall_project_path(@project), :class => current_page?(:controller => "projects", :action => "wall", :id => @project) ? "current" : nil do | 14 | = link_to wall_project_path(@project), :class => current_page?(:controller => "projects", :action => "wall", :id => @project) ? "current" : nil do |
| 15 | Wall | 15 | Wall |
| 16 | - - if @project.common_notes.today.count > 0 | ||
| 17 | - %span{ :class => "number" }= @project.common_notes.today.count | ||
| 18 | = link_to project_merge_requests_path(@project), :class => (controller.controller_name == "merge_requests") ? "current" : nil do | 16 | = link_to project_merge_requests_path(@project), :class => (controller.controller_name == "merge_requests") ? "current" : nil do |
| 19 | Requests | 17 | Requests |
app/views/merge_requests/show.html.haml
| @@ -26,31 +26,26 @@ | @@ -26,31 +26,26 @@ | ||
| 26 | = @merge_request.created_at.stamp("Aug 21, 2011 9:23pm") | 26 | = @merge_request.created_at.stamp("Aug 21, 2011 9:23pm") |
| 27 | 27 | ||
| 28 | %hr | 28 | %hr |
| 29 | - %br | ||
| 30 | - %h3 | ||
| 31 | - = simple_format @merge_request.title | 29 | + %div.well= simple_format @merge_request.title |
| 32 | 30 | ||
| 33 | -.clear | ||
| 34 | -%br | ||
| 35 | -%br | ||
| 36 | 31 | ||
| 37 | -.merge-tabs | ||
| 38 | - = link_to "#notes", :class => "merge-notes-tab active tab" do | ||
| 39 | - %span | ||
| 40 | - Notes | ||
| 41 | - = link_to "#commits", "data-url" => commits_project_merge_request_path(@project, @merge_request), :class => "merge-commits-tab tab" do | ||
| 42 | - %span | ||
| 43 | - Commits | ||
| 44 | - = link_to "#diffs", "data-url" => diffs_project_merge_request_path(@project, @merge_request), :class => "merge-diffs-tab tab" do | ||
| 45 | - %span | ||
| 46 | - Diff | 32 | +.tabs |
| 33 | + %li.active | ||
| 34 | + = link_to "#notes", :class => "merge-notes-tab tab" do | ||
| 35 | + Notes | ||
| 36 | + %li | ||
| 37 | + = link_to "#commits", "data-url" => commits_project_merge_request_path(@project, @merge_request), :class => "merge-commits-tab tab" do | ||
| 38 | + Commits | ||
| 39 | + %li | ||
| 40 | + = link_to "#diffs", "data-url" => diffs_project_merge_request_path(@project, @merge_request), :class => "merge-diffs-tab tab" do | ||
| 41 | + Diff | ||
| 47 | 42 | ||
| 48 | - if can?(current_user, :admin_project, @project) || @merge_request.author == current_user | 43 | - if can?(current_user, :admin_project, @project) || @merge_request.author == current_user |
| 49 | .right | 44 | .right |
| 50 | - if @merge_request.closed | 45 | - if @merge_request.closed |
| 51 | - = link_to 'Reopen', project_merge_request_path(@project, @merge_request, :merge_request => {:closed => false }, :status_only => true), :method => :put, :class => "red-button" | 46 | + = link_to 'Reopen', project_merge_request_path(@project, @merge_request, :merge_request => {:closed => false }, :status_only => true), :method => :put, :class => "btn" |
| 52 | - else | 47 | - else |
| 53 | - = link_to 'Close', project_merge_request_path(@project, @merge_request, :merge_request => {:closed => true }, :status_only => true), :method => :put, :class => "positive-button", :title => "Close merge request" | 48 | + = link_to 'Close', project_merge_request_path(@project, @merge_request, :merge_request => {:closed => true }, :status_only => true), :method => :put, :class => "btn", :title => "Close merge request" |
| 54 | %img{:src => "/assets/ajax-loader-facebook.gif", :class => "dashboard-loader"} | 49 | %img{:src => "/assets/ajax-loader-facebook.gif", :class => "dashboard-loader"} |
| 55 | 50 | ||
| 56 | .merge-request-notes | 51 | .merge-request-notes |
app/views/refs/_tree.html.haml
| 1 | -#tree-breadcrumbs | ||
| 2 | - %div | 1 | +%ul.breadcrumb |
| 2 | + %li | ||
| 3 | = link_to tree_project_ref_path(@project, @ref, :path => nil), :remote => true do | 3 | = link_to tree_project_ref_path(@project, @ref, :path => nil), :remote => true do |
| 4 | = @project.code | 4 | = @project.code |
| 5 | - - tree.breadcrumbs(6) do |link| | ||
| 6 | - \/ | ||
| 7 | - = link | ||
| 8 | - | 5 | + - tree.breadcrumbs(6) do |link| |
| 6 | + \/ | ||
| 7 | + %li= link | ||
| 9 | %span.tree_progress | 8 | %span.tree_progress |
| 10 | .clear | 9 | .clear |
| 11 | #tree-content-holder | 10 | #tree-content-holder |