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

Improving the dashboard styling, fixed missing border-radius

Browse Source 
Signed-off-by: Roman Schmerold (BNoiZe) <bnoize@froxlor.org>
This commit is contained in:
Roman Schmerold (BNoiZe)
2014-02-08 17:41:10 +01:00
parent d7c94726fd
commit dff26e68b9
3 changed files with 256 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lib/ajax.php
View File

@@ -59,8 +59,9 @@ if ($action == "newsfeed") {
$link = (string)$item->link; $link = (string)$item->link;
$date = date("Y-m-d G:i", strtotime($item->pubDate)); $date = date("Y-m-d G:i", strtotime($item->pubDate));
$content = preg_replace("/[\r\n]+/", " ", strip_tags($item->description)); $content = preg_replace("/[\r\n]+/", " ", strip_tags($item->description));
$content = substr($content, 0, 150) . "...";
echo "<div class=\"newsitem\"><small>" . $date . "</small><br /><a href=\"" . $link . "\" target=\"_blank\"><b>" . $title . "</b><br />" . $content . "</a></div>"; echo "<tr class=\"newsitem\"><td><small>" . $date . "</small><br /><a href=\"" . $link . "\" target=\"_blank\"><b>" . $title . "</b><br />" . $content . "</a></td></tr>";
} }
} else { } else {
echo ""; echo "";

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

@@ -4,8 +4,9 @@ $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>
<div class="grid-g"> <div class="grid-g">
<div class="grid-u-1-2"> <div class="grid-u-1-2" id="statsbox">
<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,19 +164,19 @@ $header
</small> </small>
</div> </div>
</if> </if>
</div> </div>
<div class="grid-u-1-2"> <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"> <table class="dboarditem full" id="newsfeed">
<table> <thead>
<tr> <tr>
<th>News</th> <th>News</th>
</tr> </tr>
</thead>
<tbody id="newsfeeditems">
</tbody>
</table> </table>
<div id="newsfeeditems"></div>
</section>
</if> </if>
<table class="dboarditem"> <table class="dboarditem">
@@ -220,7 +221,7 @@ $header
</tbody> </tbody>
</table> </table>
<table class="dboarditem bradius"> <table class="dboarditem">
<thead> <thead>
<tr> <tr>
<th colspan="2">{$lng['admin']['froxlordetails']}</th> <th colspan="2">{$lng['admin']['froxlordetails']}</th>

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

@@ -687,13 +687,10 @@ select[multiple="multiple"] {
} }
.dboarditem { .dboarditem {
width: 100%;
padding:0;
margin-bottom: 20px; margin-bottom: 20px;
}
.dboarditemnews {
border:1px solid #d1d5d8; border:1px solid #d1d5d8;
border-radius: 3px;
width: 100%;
} }
.dboarditemfull { .dboarditemfull {
@@ -869,15 +866,15 @@ label.nobr {
#newsfeed { #newsfeed {
display: none; display: none;
} }
.newsitem { .newsitem {
border-bottom:1px solid #f1f2f3; border-bottom:1px solid #f1f2f3;
padding:6px 5px 8px; padding:6px 5px 8px;
height:52px; height:52px !important;
line-height:18px; line-height:18px;
margin:0 5px; margin:0 5px;
overflow:hidden; overflow:hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
white-space:nowrap;
} }
.newsitem:last-child { .newsitem:last-child {
@@ -897,10 +894,6 @@ label.nobr {
text-decoration:underline; text-decoration:underline;
} }
.newsitem b {
margin-right:15px;
}
.newsitem small { .newsitem small {
font-size:8px; font-size:8px;
color:gray; color:gray;
@@ -1024,12 +1017,10 @@ div.right {
padding-top: 35px; padding-top: 35px;
} }
.opera-only :-o-prefocus, .opera-only :-o-prefocus, .grid-g {
.grid-g {
word-spacing: -0.43em; word-spacing: -0.43em;
} }
.grid-u { .grid-u {
display: inline-block; display: inline-block;
zoom: 1; *display: inline; zoom: 1; *display: inline;
@@ -1039,7 +1030,6 @@ div.right {
text-rendering: auto; text-rendering: auto;
} }
.grid-u-1,.grid-u-1-2 { .grid-u-1,.grid-u-1-2 {
display: inline-block; display: inline-block;
zoom: 1; *display: inline; zoom: 1; *display: inline;
@@ -1054,7 +1044,7 @@ div.right {
} }
.grid-u-1-2 { .grid-u-1-2 {
width: 50%; width: 49%;
} }
.grid-offset-1-2 { .grid-offset-1-2 {