switched to use the flex css element for taskbar layout
This commit is contained in:
parent
da125cb54f
commit
5c7bbe41f7
@ -20,15 +20,15 @@
|
||||
<!---------------------------------------------------------------------------->
|
||||
|
||||
<div class='taskbar'>
|
||||
<div class="boxb">
|
||||
</div>
|
||||
|
||||
<div class="boxa">
|
||||
<ul>
|
||||
<li><?php print anchor ('site/home', $this->lang->line('Home')); ?></li>
|
||||
<li><?php print anchor ('project/catalog', $this->lang->line('Projects')); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="boxb">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
@ -283,7 +283,7 @@ var GraphApp = (function()
|
||||
{
|
||||
if (this.graph !== null)
|
||||
{
|
||||
// make it low so that the footer gets places at the right place.
|
||||
// make it small so that the footer gets places at the right place.
|
||||
this.graph.setSize (300, 300);
|
||||
|
||||
var hoff = this.header.offset();
|
||||
|
@ -5,6 +5,26 @@ function show_taskbar ($con, $login)
|
||||
print '<div class="taskbar">';
|
||||
print "\n";
|
||||
|
||||
print '<div class="boxa">';
|
||||
print '<ul>';
|
||||
print '<li>';
|
||||
print anchor ('site/home', $con->lang->line('Home'));
|
||||
print '</li>';
|
||||
print '<li>';
|
||||
print anchor ('project/catalog', $con->lang->line('Projects'));
|
||||
print '</li>';
|
||||
print '<li><span class="ui-widget">';
|
||||
print " <input id='taskbar_project_to_find' placeholder='{$con->lang->line('Project ID')}' size=40>";
|
||||
print '</span></li>';
|
||||
if ($login['sysadmin?'])
|
||||
{
|
||||
print '<li>';
|
||||
print anchor ('site/catalog', $con->lang->line('Administration'));
|
||||
print '</li>';
|
||||
}
|
||||
print '</ul>';
|
||||
|
||||
print '</div>'; // boxa
|
||||
print '<div class="boxb">';
|
||||
|
||||
if (isset($login['id']) && $login['id'] != '')
|
||||
@ -66,26 +86,7 @@ function show_taskbar ($con, $login)
|
||||
}
|
||||
print '</div>'; // boxb
|
||||
|
||||
print '<div class="boxa">';
|
||||
print '<ul>';
|
||||
print '<li>';
|
||||
print anchor ('site/home', $con->lang->line('Home'));
|
||||
print '</li>';
|
||||
print '<li>';
|
||||
print anchor ('project/catalog', $con->lang->line('Projects'));
|
||||
print '</li>';
|
||||
print '<li><span class="ui-widget">';
|
||||
print " <input id='taskbar_project_to_find' placeholder='{$con->lang->line('Project ID')}' size=40>";
|
||||
print '</span></li>';
|
||||
if ($login['sysadmin?'])
|
||||
{
|
||||
print '<li>';
|
||||
print anchor ('site/catalog', $con->lang->line('Administration'));
|
||||
print '</li>';
|
||||
}
|
||||
print '</ul>';
|
||||
|
||||
print '</div>'; // boxa
|
||||
|
||||
print '</div>';
|
||||
}
|
||||
|
@ -132,15 +132,46 @@ pre, code, tt {
|
||||
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: flex;
|
||||
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-moz-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
-webkit-justify-content: space-between;
|
||||
-moz-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.content .taskbar .boxa {
|
||||
/*vertical-align: bottom;*/
|
||||
float: none;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: flex;
|
||||
|
||||
-webkit-flex: 0 0 auto;
|
||||
-moz-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
|
||||
-webkit-justify-content: flex-start;
|
||||
-moz-justify-content: flex-start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.content .taskbar .boxb {
|
||||
float: right;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: flex;
|
||||
|
||||
-webkit-flex: 0 0 auto;
|
||||
-moz-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
|
||||
-webkit-justify-content: flex-end;
|
||||
-moz-justify-content: flex-end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.content .taskbar .boxa a {
|
||||
|
Loading…
Reference in New Issue
Block a user