fixed layout for ipad

This commit is contained in:
Dmitriy Zaporozhets 2012-02-19 16:31:11 +02:00
parent ee45a49c57
commit 2e83de1924
5 changed files with 30 additions and 15 deletions

View file

@ -82,12 +82,16 @@ a {
.container { .container {
width:$min_app_width; width:$min_app_width;
margin-top:50px; padding-top:0;
padding:$app_padding; z-index:5;
}
.container .content {
margin:0 $app_padding;
} }
.container .sidebar { .container .sidebar {
width: 220px; width: 200px;
height:100%; height:100%;
min-height:450px; min-height:450px;
float:right; float:right;
@ -95,10 +99,8 @@ a {
nav.main_menu { nav.main_menu {
border-radius: 4px; border-radius: 4px;
width: 100%;
margin: auto; margin: auto;
margin-top:30px; margin:30px $app_padding;
margin-bottom:30px;
background:#f1f1f1; background:#f1f1f1;
border:1px solid #ccc; border:1px solid #ccc;
height:38px; height:38px;
@ -154,7 +156,6 @@ aside.projects,
aside.project-side aside.project-side
{ {
margin-left: 0; margin-left: 0;
padding-left: 20px;
} }
img.avatar { img.avatar {
@ -327,3 +328,7 @@ img.lil_av {
.borders { .borders {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
.well.padded {
padding:29px;
}

View file

@ -9,8 +9,8 @@ $active_bg_color:#79C3E0;
$active_bd_color: #2FA0BB; $active_bd_color: #2FA0BB;
$border_color:#CCC; $border_color:#CCC;
$lite_border_color:#EEE; $lite_border_color:#EEE;
$min_app_width:960px; $min_app_width:980px;
$max_app_width:960px; $max_app_width:980px;
$app_padding:20px; $app_padding:20px;
$bg_color: #FFF; $bg_color: #FFF;
$styled_border_color: #2FA0BB; $styled_border_color: #2FA0BB;

View file

@ -216,3 +216,8 @@ input.git_clone_url {
#new_issue_dialog textarea{ #new_issue_dialog textarea{
height: 100px; height: 100px;
} }
.project_list_url {
width:270px;
background:#fff !important;
}

View file

@ -1,5 +1,4 @@
body header { body header {
position:absolute;
width:100%; width:100%;
padding:0; padding:0;
margin:0; margin:0;
@ -19,9 +18,15 @@ body header {
min-width:$min_app_width; min-width:$min_app_width;
max-width:$max_app_width; max-width:$max_app_width;
position:relative; position:relative;
padding:15px $app_padding; padding:15px 0;
.top_panel_content {
margin:0 $app_padding;
}
} }
.project_name { .project_name {
float:left; float:left;
width:400px; width:400px;

View file

@ -1,11 +1,11 @@
- @projects.in_groups_of(2, false) do |projects| - @projects.in_groups_of(2, false) do |projects|
.row .row
- projects.each_with_index do |project, i| - projects.each_with_index do |project, i|
.span5.well %div.span5.well.padded
= link_to project_path(project) do = link_to project_path(project) do
%h3= truncate(project.name, :length => 20) %h3= truncate(project.name, :length => 28)
%p.title.repository.git_url_wrapper %p
%input{ :value => project.url_to_repo, :class => ['git-url', 'one_click_select', 'text', 'project_list_url'], :readonly => 'readonly' } %input{ :value => project.url_to_repo, :class => ['git-url', 'one_click_select', 'text', 'project_list_url'], :readonly => 'readonly' }
%a.btn{:href => tree_project_ref_path(project, project.root_ref)} Browse code %a.btn.info{:href => tree_project_ref_path(project, project.root_ref)} Browse code
%a.btn{:href => project_commits_path(project)} Commits %a.btn{:href => project_commits_path(project)} Commits