MantisBT - ATutor
View Issue Details
0004470ATutor- no cat -public2010-08-09 05:022010-12-20 10:20
0004470: replace pref tab table
For mobile theme compatibility, the pref tabs should be replaced. See attached file from alison.
Styles to go with the new layout:

/* Preference Editor tabs */
.etabbed-list-container {
    position: relative;
.prefs-tab-spacer {
    background-color: transparent;
    width: 5px;
.prefs_buttontab {
    white-space: nowrap;
    background-color: #ffffff;
    margin-bottom: .5px;
    padding:0em 0em 0em;
    -moz-border-radius: .3em .3em .3em .3em;

    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    text-align: center;
    white-space: nowrap;
    background-color: #FFFFFF;
    -moz-border-radius: .3em .3em 0em 0em;
    padding: 0em 3.5em 0em 3.5em ;
    -moz-box-shadow:.1em .1em 0 #999999;
    box-shadow: .1em .1em 0 #999999;
    display: inline;
    padding-bottom: .9px;
    margin: 1em;
.prefs_buttontab:hover, .prefs_tab:hover {
      background-color: #eeeeee;

    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
      background-color: #eeeeee;
    margin: 0px;
    padding: .5em 3.5em 0em 3.5em ;
    white-space: nowrap;
    -moz-border-radius: .3em .3em 0em 0em;
    -moz-box-shadow:.1em .1em .0 #999999;
    box-shadow: .1em .1em .1em #999999;
    display: inline;
    margin: 1em;

No tags attached.
? (12,016) 2010-08-09 05:02
Issue History
2010-08-09 05:02gregNew Issue
2010-08-09 05:02gregFile Added:
2010-08-09 05:02gregAffects version => SVN
2010-08-13 04:43gregNote Added: 0004540
2010-08-16 10:29harrisStatusnew => assigned
2010-08-16 10:29harrisAssigned To => greg
2010-09-23 08:36gregStatusassigned => resolved
2010-09-23 08:36gregFixed in Version => 2.0.1
2010-09-23 08:36gregResolutionopen => fixed
2010-09-23 08:36gregNote Added: 0004637
2010-12-20 10:20gregStatusresolved => closed

2010-08-13 04:43   
also see from Armin:
 I installed the mobile theme that Alison developed and I recognized that the addressbar is always
there on the iPhone and Android phone.

To change this I edited header.tmpl.php in the theme and added the following line (around 86)

$this->onload .= "
setTimeout(function() { window.scrollTo(0, 1) }, 100);

This make the addressbar go away once the page is loaded. Works on iPhone and Android.

2010-09-23 08:36   
replaced pref tabs table layout with Alison's div layout