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,12 +82,16 @@ a { | ||
82 | 82 | ||
83 | .container { | 83 | .container { |
84 | width:$min_app_width; | 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 | .container .sidebar { | 93 | .container .sidebar { |
90 | - width: 220px; | 94 | + width: 200px; |
91 | height:100%; | 95 | height:100%; |
92 | min-height:450px; | 96 | min-height:450px; |
93 | float:right; | 97 | float:right; |
@@ -95,10 +99,8 @@ a { | @@ -95,10 +99,8 @@ a { | ||
95 | 99 | ||
96 | nav.main_menu { | 100 | nav.main_menu { |
97 | border-radius: 4px; | 101 | border-radius: 4px; |
98 | - width: 100%; | ||
99 | margin: auto; | 102 | margin: auto; |
100 | - margin-top:30px; | ||
101 | - margin-bottom:30px; | 103 | + margin:30px $app_padding; |
102 | background:#f1f1f1; | 104 | background:#f1f1f1; |
103 | border:1px solid #ccc; | 105 | border:1px solid #ccc; |
104 | height:38px; | 106 | height:38px; |
@@ -154,7 +156,6 @@ aside.projects, | @@ -154,7 +156,6 @@ aside.projects, | ||
154 | aside.project-side | 156 | aside.project-side |
155 | { | 157 | { |
156 | margin-left: 0; | 158 | margin-left: 0; |
157 | - padding-left: 20px; | ||
158 | } | 159 | } |
159 | 160 | ||
160 | img.avatar { | 161 | img.avatar { |
@@ -327,3 +328,7 @@ img.lil_av { | @@ -327,3 +328,7 @@ img.lil_av { | ||
327 | .borders { | 328 | .borders { |
328 | border: 1px solid #ccc; | 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,8 +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 | -$min_app_width:960px; | ||
13 | -$max_app_width:960px; | 12 | +$min_app_width:980px; |
13 | +$max_app_width:980px; | ||
14 | $app_padding:20px; | 14 | $app_padding:20px; |
15 | $bg_color: #FFF; | 15 | $bg_color: #FFF; |
16 | $styled_border_color: #2FA0BB; | 16 | $styled_border_color: #2FA0BB; |
app/assets/stylesheets/projects.css.scss
app/assets/stylesheets/top_panel.scss
1 | body header { | 1 | body header { |
2 | - position:absolute; | ||
3 | width:100%; | 2 | width:100%; |
4 | padding:0; | 3 | padding:0; |
5 | margin:0; | 4 | margin:0; |
@@ -19,9 +18,15 @@ body header { | @@ -19,9 +18,15 @@ body header { | ||
19 | min-width:$min_app_width; | 18 | min-width:$min_app_width; |
20 | max-width:$max_app_width; | 19 | max-width:$max_app_width; |
21 | position:relative; | 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 | .project_name { | 30 | .project_name { |
26 | float:left; | 31 | float:left; |
27 | width:400px; | 32 | width:400px; |
app/views/projects/_tile.html.haml
1 | - @projects.in_groups_of(2, false) do |projects| | 1 | - @projects.in_groups_of(2, false) do |projects| |
2 | .row | 2 | .row |
3 | - projects.each_with_index do |project, i| | 3 | - projects.each_with_index do |project, i| |
4 | - .span5.well | 4 | + %div.span5.well.padded |
5 | = link_to project_path(project) do | 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 | %input{ :value => project.url_to_repo, :class => ['git-url', 'one_click_select', 'text', 'project_list_url'], :readonly => 'readonly' } | 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 | %a.btn{:href => project_commits_path(project)} Commits | 11 | %a.btn{:href => project_commits_path(project)} Commits |