maketank/Froxlor
2
0
Fork 0
Code Pull Requests Releases Activity

Optimized the Dashboard CSS/HTML

Browse Source 
Signed-off-by: Roman Schmerold (BNoiZe) <bnoize@froxlor.org>
This commit is contained in:
Roman Schmerold (BNoiZe)
2014-02-06 07:33:57 +01:00
parent c5cb91a882
commit 3f7819f6bb
2 changed files with 54 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/Sparkle/admin/index/index.tpl vendored
View File

@@ -4,7 +4,8 @@ $header
<img src="templates/{$theme}/assets/img/icons/domains_big.png" alt="" /> <img src="templates/{$theme}/assets/img/icons/domains_big.png" alt="" />
{$lng['panel']['dashboard']} {$lng['panel']['dashboard']}
</h2> </h2>
<section class="dboardcanvas" id="statsbox"> <div class="grid-g">
<div class="grid-u-1-2">
<div class="canvasbox"> <div class="canvasbox">
<input type="hidden" id="customers" class="circular" data-used="{$overview['number_customers']}" data-available="{$userinfo['customers']}"> <input type="hidden" id="customers" class="circular" data-used="{$overview['number_customers']}" data-available="{$userinfo['customers']}">
<canvas id="customers-canvas" width="120" height="76"></canvas><br/> <canvas id="customers-canvas" width="120" height="76"></canvas><br/>
@@ -163,9 +164,9 @@ $header
</div> </div>
</if> </if>
</section> </div>
<div class="grid-u-1-2">
<if Settings::Get('admin.show_news_feed') == '1'> <if Settings::Get('admin.show_news_feed') == '1'>
<section class="dboarditem dboarditemnews" id="newsfeed"> <section class="dboarditem dboarditemnews" id="newsfeed">
<table> <table>
@@ -252,7 +253,8 @@ $header
</if> </if>
</tbody> </tbody>
</table> </table>
<section class="clear"></section> </div>
</div>
</article> </article>
$footer $footer

63
templates/Sparkle/assets/css/main.css vendored
View File

@@ -682,28 +682,15 @@ select[multiple="multiple"] {
} }
.dboarditem { .dboarditem {
float:left; width: 100%;
width:48%;
margin-top:15px;
margin-right:0;
margin-bottom:15px;
margin-left:15px;
padding:0; padding:0;
margin-bottom: 20px;
} }
.dboarditemnews { .dboarditemnews {
border:1px solid #d1d5d8; border:1px solid #d1d5d8;
} }
.dboardcanvas {
float:left;
width:48%;
margin-top:15px;
margin-right:0;
margin-bottom:15px;
margin-left:15px;
}
.dboarditemfull { .dboarditemfull {
position:relative; position:relative;
overflow:hidden; overflow:hidden;
@@ -1022,3 +1009,49 @@ div.left {
div.right { div.right {
float: right; float: right;
} }
/* GRID */
.grid-g {
letter-spacing: -0.31em;
*letter-spacing: normal;
*word-spacing: -0.43em;
text-rendering: optimizespeed;
padding-top: 35px;
}
.opera-only :-o-prefocus,
.grid-g {
word-spacing: -0.43em;
}
.grid-u {
display: inline-block;
zoom: 1; *display: inline;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.grid-u-1,.grid-u-1-2 {
display: inline-block;
zoom: 1; *display: inline;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.grid-u-1 {
display:block;
}
.grid-u-1-2 {
width: 50%;
}
.grid-offset-1-2 {
margin-left: 50%;
}