Layout for backend statistics.

This should get equal heights at some point, but I'm not sure how to reference the JS file properly here. References #54
s9y · Sep 19, 2013 · 243321d · 243321d
1 parent 5a00738
commit 243321d
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 22 deletions.
diff --git a/plugins/serendipity_event_statistics/serendipity_event_statistics.php b/plugins/serendipity_event_statistics/serendipity_event_statistics.php
@@ -390,7 +390,7 @@ function event_hook($event, &$bag, &$eventData, $addData = null) {
         </section>
 
         <section>
-            <h4><?php echo PLUGIN_EVENT_STATISTICS_OUT_TOPCOMMENTS; ?></h4>
+            <h3><?php echo PLUGIN_EVENT_STATISTICS_OUT_TOPCOMMENTS; ?></h3>
 
             <dl>
 <?php
@@ -697,7 +697,7 @@ function extendedVisitorStatistics($max_items){
         ?>
         <h2><?php echo PLUGIN_EVENT_STATISTICS_OUT_EXT_STATISTICS; ?></h2>
 
-        <div class="serendipity_statistics_extended clearfix">
+        <div class="serendipity_statistics extended_statistics clearfix">
             <section>
                 <h3><?php echo PLUGIN_EVENT_STATISTICS_EXT_VISITORS; ?></h3>
 
@@ -718,6 +718,22 @@ function extendedVisitorStatistics($max_items){
             </section>
 
             <section>
+                <h3><?php echo PLUGIN_EVENT_STATISTICS_EXT_TOPREFS; ?></h3>
+        <?php
+            $i=1;
+            if (is_array($top_refs)) {
+                echo '<ol>';
+                foreach($top_refs AS $key => $row) {
+                    echo '<li><a href="http://'.$row['refs'].'" target="_blank">'.$row['refs'].'</a> ('.$row['count'].')</li>';
+                }
+                echo '</ol>';
+            } else {
+                echo "<span class='msg_notice'><span class='icon-info-circled'></span> ".PLUGIN_EVENT_STATISTICS_EXT_TOPREFS_NONE."</<span>";
+            }
+        ?>
+            </section>
+
+            <section class="wide_box">
                 <h3><?php echo PLUGIN_EVENT_STATISTICS_EXT_MONTHGRAPH;?></h3>
 
         <?php if ($visitors_count[0] > 0) { ?>            
@@ -775,7 +791,7 @@ function extendedVisitorStatistics($max_items){
         <?php } ?>
             </section>
 
-            <section>
+            <section class="wide_box">
                 <h3><?php echo PLUGIN_EVENT_STATISTICS_EXT_DAYGRAPH;?></h3>
 
         <?php if ($visitors_count[0] > 0) { ?>
@@ -831,7 +847,7 @@ function extendedVisitorStatistics($max_items){
         <?php } ?>
             </section>
 
-            <section>
+            <section class="wide_box">
                 <h3><?php echo PLUGIN_EVENT_STATISTICS_EXT_VISLATEST;?></h3>
 
                 <dl>
@@ -859,22 +875,6 @@ function extendedVisitorStatistics($max_items){
 ?>
                 </dl>
             </section>
-
-            <section>
-                <h3><?php echo PLUGIN_EVENT_STATISTICS_EXT_TOPREFS; ?></h3>
-        <?php
-            $i=1;
-            if (is_array($top_refs)) {
-                echo '<ol>';
-                foreach($top_refs AS $key => $row) {
-                    echo '<li><a href="http://'.$row['refs'].'" target="_blank">'.$row['refs'].'</a> ('.$row['count'].')</li>';
-                }
-                echo '</ol>';
-            } else {
-                echo "<span class='msg_notice'><span class='icon-info-circled'></span> ".PLUGIN_EVENT_STATISTICS_EXT_TOPREFS_NONE."</<span>";
-            }
-        ?>
-            </section>
         </div>
     <?php
     } //end of function extendedVisitorStatistics()

diff --git a/templates/2k11/admin/style.css b/templates/2k11/admin/style.css
@@ -1147,10 +1147,15 @@ summary {
 #uploadform .form_field input,
 #login .form_field input,
 #diagnose > table,
-#advanced_options .form_multiselect select {
+#advanced_options .form_multiselect select,
+.serendipity_statistics table {
     width: 100%;
 }
 
+.serendipity_statistics > .wide_box {
+    overflow: hidden; /* TEMP */
+}
+
 .media_choose .preview {
     background-repeat: no-repeat;
     height: auto;
@@ -1488,6 +1493,7 @@ form > .button_link:first-of-type,
 .media_wrap_thumb,
 .plugins_installable > li,
 #dashboard > section,
+.serendipity_statistics > section,
 #login {
     border: 1px solid #aaa;
 }
@@ -1499,6 +1505,7 @@ form > .button_link:first-of-type,
 }
 
 #dashboard > section > h3,
+.serendipity_statistics > section > h3,
 #login fieldset > span {
     background: #ddd;
     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #ddd));
@@ -1519,6 +1526,7 @@ form > .button_link:first-of-type,
 }
 
 #dashboard > section,
+.serendipity_statistics > section,
 #login {
     border-radius: 2px;
     -webkit-box-sizing: border-box;
@@ -2539,6 +2547,7 @@ img.mfp-img {
     #serendipityScaleImg,
     .media_file,
     #dashboard > .quick_list,
+    .serendipity_statistics > section,
     #serendipity_category > div {
         float: left;
         margin: 0 2% 1em 0;
@@ -2591,6 +2600,13 @@ img.mfp-img {
         width: 85%;
     }
 
+    .serendipity_statistics > .wide_box {
+        clear: left;
+        float: none;
+        margin: 0 0 1em;
+        width: 100%;
+    }
+
     .field_info {
         margin: .85715em 2% 0 0;
     }
@@ -2623,7 +2639,8 @@ img.mfp-img {
     .plugins_installable > li:nth-child(odd),
     .media_pane .odd,
     #dashboard > section:last-child,
-    #serendipity_category > fieldset {
+    #serendipity_category > fieldset,
+    .serendipity_statistics > section:nth-child(odd) {
         clear: left;
     }