Andreas/tracks
1
0
Fork 0
mirror of https://github.com/TracksApp/tracks.git synced 2025-12-16 15:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

updates to mobile layout

Browse source 
removing count and date as space is at a premium and not essential
  making menu padding larger to provide more space to click
  removing duplicated menus to stop wrapping
  Increasing the top margin above the content div to reduce fat fingers from clicking links in the content instead of the intended nav links
  Cleaning up some unused selectors and consistent spacing, etc...
This commit is contained in:
tim madden 2012-02-16 11:08:25 -06:00
parent 1a6027df71
commit 8c18c2888a
2 changed files with 14 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/views/layouts/mobile.m.erb
View file

@ -12,26 +12,20 @@
<title><%= @page_title %></title> <title><%= @page_title %></title>
</head><body> </head><body>
<% if current_user && !current_user.prefs.nil? -%> <% if current_user && !current_user.prefs.nil? -%>
<div id="topbar"><h1><% if @down_count -%><span class="count" id="badge_count"><%= @down_count %></span><% end -%> <%= <div id="topbar">
l(Date.today, :format => current_user.prefs.title_date_format) -%></h1>
<div class="nav"> <div class="nav">
<%= (link_to(t('layouts.mobile_navigation.new_action'), new_todo_path(new_todo_params))+" | ") unless @new_mobile -%> <%= (link_to(t('layouts.mobile_navigation.new_action'), new_todo_path(new_todo_params))) unless @new_mobile -%>
<%= (link_to(t('layouts.mobile_navigation.home'), todos_path(:format => 'm'))+" | ") unless @home -%> <%= (link_to(t('layouts.mobile_navigation.home'), todos_path(:format => 'm'))) unless @home -%>
<%= (link_to(t('layouts.mobile_navigation.contexts'), contexts_path(:format => 'm'))+" | ") -%> <%= (link_to(t('layouts.mobile_navigation.contexts'), contexts_path(:format => 'm'))) -%>
<%= (link_to(t('layouts.mobile_navigation.projects'), projects_path(:format => 'm'))+" | ") -%> <%= (link_to(t('layouts.mobile_navigation.projects'), projects_path(:format => 'm'))) -%>
<%= (link_to(t('layouts.mobile_navigation.starred'), {:action => "tag", :controller => "todos", :id => "starred.m"})) -%> <%= (link_to(t('layouts.mobile_navigation.starred'), {:action => "tag", :controller => "todos", :id => "starred.m"})) -%>
<% end -%> <% end -%>
</div></div> </div></div>
<div id="content"><%= render_flash -%><%= yield -%></div> <div id="content"><%= render_flash -%><%= yield -%></div>
<hr/><% if current_user && !current_user.prefs.nil? -%> <hr/><% if current_user && !current_user.prefs.nil? -%>
<div class="nav"> <div class="nav">
<%= (link_to(t('layouts.mobile_navigation.logout'), logout_path(:format => 'm')) +" | ") -%> <%= (link_to(t('layouts.mobile_navigation.logout'), logout_path(:format => 'm'))) -%>
<%= (link_to(t('layouts.mobile_navigation.new_action'), new_todo_path(new_todo_params), {:accesskey => "0"})+" | ") unless @new_mobile -%> <%= (link_to(t('layouts.mobile_navigation.tickler'), {:action => "index", :controller => "tickler.m"})) -%>
<%= (link_to(t('layouts.mobile_navigation.home'), todos_path(:format => 'm'), {:accesskey => "1"})+" | ") unless @home -%>
<%= (link_to(t('layouts.mobile_navigation.contexts'), contexts_path(:format => 'm'), {:accesskey => "2"})+" | ") -%>
<%= (link_to(t('layouts.mobile_navigation.projects'), projects_path(:format => 'm'), {:accesskey => "3"})+" | ") -%>
<%= (link_to(t('layouts.mobile_navigation.starred'), {:action => "tag", :controller => "todos", :id => "starred.m"}, {:accesskey => "4"})+" | ") -%>
<%= (link_to(t('layouts.mobile_navigation.tickler'), {:action => "index", :controller => "tickler.m"})+" | ") -%>
<%= (link_to(t('layouts.mobile_navigation.feeds'), {:action => "index", :controller => "feeds.m"})) -%> <%= (link_to(t('layouts.mobile_navigation.feeds'), {:action => "index", :controller => "feeds.m"})) -%>
</div> </div>
<% end -%> <% end -%>

19
public/stylesheets/mobile.css
View file

@ -4,7 +4,7 @@ body {
} }
#content { #content {
margin-top: 50px; margin-top: 4em;
} }
div.footer { div.footer {
@ -178,9 +178,7 @@ span.r {
background-color: #000000; background-color: #000000;
clear: both; clear: both;
color: #EEEEEE; color: #EEEEEE;
height: 45px;
left: 0; left: 0;
margin-bottom: 5px;
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
@ -190,19 +188,15 @@ span.r {
.nav { .nav {
color: #fff; color: #fff;
background: #000; background: #000;
padding-top: 0.2em; padding-top: 0.75em;
padding-bottom: 0.2em; padding-bottom: 0.75em;
}
#topbar .nav {
padding-left:8px;
margin-bottom:0.3em;
} }
.nav a, .nav a:link, .nav a:active, .nav a:visited { .nav a, .nav a:link, .nav a:active, .nav a:visited {
background: #666;
color: #fff; color: #fff;
padding-top: 1.0em; padding: 0.5em;
padding-bottom: 0.5em; margin-left:0.5em;
} }
.nav a:focus, .nav a:hover, .nav a:active { .nav a:focus, .nav a:hover, .nav a:active {
@ -221,6 +215,7 @@ span.r {
table.c { table.c {
margin-left: 5px; margin-left: 5px;
} }
.mobile-done { .mobile-done {
display:inline; display:inline;
} }