Commit 2e83de1924ad3429b812d17498b009a8b924795d
1 parent
ee45a49c
Exists in
master
and in
4 other branches
fixed layout for ipad
Showing
5 changed files
with
30 additions
and
15 deletions
Show diff stats
app/assets/stylesheets/common.scss
| ... | ... | @@ -82,12 +82,16 @@ a { |
| 82 | 82 | |
| 83 | 83 | .container { |
| 84 | 84 | width:$min_app_width; |
| 85 | - margin-top:50px; | |
| 86 | - padding:$app_padding; | |
| 85 | + padding-top:0; | |
| 86 | + z-index:5; | |
| 87 | +} | |
| 88 | + | |
| 89 | +.container .content { | |
| 90 | + margin:0 $app_padding; | |
| 87 | 91 | } |
| 88 | 92 | |
| 89 | 93 | .container .sidebar { |
| 90 | - width: 220px; | |
| 94 | + width: 200px; | |
| 91 | 95 | height:100%; |
| 92 | 96 | min-height:450px; |
| 93 | 97 | float:right; |
| ... | ... | @@ -95,10 +99,8 @@ a { |
| 95 | 99 | |
| 96 | 100 | nav.main_menu { |
| 97 | 101 | border-radius: 4px; |
| 98 | - width: 100%; | |
| 99 | 102 | margin: auto; |
| 100 | - margin-top:30px; | |
| 101 | - margin-bottom:30px; | |
| 103 | + margin:30px $app_padding; | |
| 102 | 104 | background:#f1f1f1; |
| 103 | 105 | border:1px solid #ccc; |
| 104 | 106 | height:38px; |
| ... | ... | @@ -154,7 +156,6 @@ aside.projects, |
| 154 | 156 | aside.project-side |
| 155 | 157 | { |
| 156 | 158 | margin-left: 0; |
| 157 | - padding-left: 20px; | |
| 158 | 159 | } |
| 159 | 160 | |
| 160 | 161 | img.avatar { |
| ... | ... | @@ -327,3 +328,7 @@ img.lil_av { |
| 327 | 328 | .borders { |
| 328 | 329 | border: 1px solid #ccc; |
| 329 | 330 | } |
| 331 | + | |
| 332 | +.well.padded { | |
| 333 | + padding:29px; | |
| 334 | +} | ... | ... |
app/assets/stylesheets/main.scss
| ... | ... | @@ -9,8 +9,8 @@ $active_bg_color:#79C3E0; |
| 9 | 9 | $active_bd_color: #2FA0BB; |
| 10 | 10 | $border_color:#CCC; |
| 11 | 11 | $lite_border_color:#EEE; |
| 12 | -$min_app_width:960px; | |
| 13 | -$max_app_width:960px; | |
| 12 | +$min_app_width:980px; | |
| 13 | +$max_app_width:980px; | |
| 14 | 14 | $app_padding:20px; |
| 15 | 15 | $bg_color: #FFF; |
| 16 | 16 | $styled_border_color: #2FA0BB; | ... | ... |
app/assets/stylesheets/projects.css.scss
app/assets/stylesheets/top_panel.scss
| 1 | 1 | body header { |
| 2 | - position:absolute; | |
| 3 | 2 | width:100%; |
| 4 | 3 | padding:0; |
| 5 | 4 | margin:0; |
| ... | ... | @@ -19,9 +18,15 @@ body header { |
| 19 | 18 | min-width:$min_app_width; |
| 20 | 19 | max-width:$max_app_width; |
| 21 | 20 | position:relative; |
| 22 | - padding:15px $app_padding; | |
| 21 | + padding:15px 0; | |
| 22 | + | |
| 23 | + .top_panel_content { | |
| 24 | + margin:0 $app_padding; | |
| 25 | + } | |
| 23 | 26 | } |
| 24 | 27 | |
| 28 | + | |
| 29 | + | |
| 25 | 30 | .project_name { |
| 26 | 31 | float:left; |
| 27 | 32 | width:400px; | ... | ... |
app/views/projects/_tile.html.haml
| 1 | 1 | - @projects.in_groups_of(2, false) do |projects| |
| 2 | 2 | .row |
| 3 | 3 | - projects.each_with_index do |project, i| |
| 4 | - .span5.well | |
| 4 | + %div.span5.well.padded | |
| 5 | 5 | = link_to project_path(project) do |
| 6 | - %h3= truncate(project.name, :length => 20) | |
| 7 | - %p.title.repository.git_url_wrapper | |
| 6 | + %h3= truncate(project.name, :length => 28) | |
| 7 | + %p | |
| 8 | 8 | %input{ :value => project.url_to_repo, :class => ['git-url', 'one_click_select', 'text', 'project_list_url'], :readonly => 'readonly' } |
| 9 | 9 | |
| 10 | - %a.btn{:href => tree_project_ref_path(project, project.root_ref)} Browse code | |
| 10 | + %a.btn.info{:href => tree_project_ref_path(project, project.root_ref)} Browse code | |
| 11 | 11 | %a.btn{:href => project_commits_path(project)} Commits | ... | ... |