Changeset 2002:a0de6679a058 for admin

Timestamp:

09/22/13 12:09:07 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Tableaux responsive. Poke jcDenis :-)

Location:

admin

Files:

• blogs.php (modified) (2 diffs)
• langs.php (modified) (2 diffs)
• plugins.php (modified) (4 diffs)
• post.php (modified) (2 diffs)
• style/default.css (modified) (9 diffs)
• users_actions.php (modified) (2 diffs)

admin/blogs.php

@@ -133 +133 @@
           
           echo
+          '<div class="table-outer">'.
           '<table class="clear"><caption class="hidden">'.__('Blogs list').'</caption><tr>'.
           '<th scope="col" class="nowrap">'.__('Blog id').'</th>'.
@@ -145 +146 @@
           }
           
-          echo '</table>';
+          echo '</table></div>';
           
           echo $pager->getLinks();

admin/langs.php

@@ -173 +173 @@
 {
      echo
-     '<table class="clear plugins"><tr>'.
+     '<table class="table-outer clear">'.
+     '<table class="plugins"><tr>'.
      '<th>'.__('Language').'</th>'.
      '<th class="nowrap">'.__('Action').'</th>'.
@@ -202 +203 @@
           echo '</td></tr>';
      }
-     echo '</table>';
+     echo '</table></div>';
 }
 

admin/plugins.php

@@ -252 +252 @@
      echo
      '<h3>'.__('Activated plugins').'</h3>'.
-     '<table class="clear plugins"><tr>'.
+     '<table class="table-outer clear">'.
+     '<table class="plugins"><tr>'.
      '<th>'.__('Plugin').'</th>'.
      '<th class="nowrap">'.__('Version').'</th>'.
@@ -296 +297 @@
      }
      echo
-     '</table>';
+     '</table></div>';
 }
 
@@ -305 +306 @@
      echo
      '<h3>'.__('Deactivated plugins').'</h3>'.
-     '<table class="clear plugins"><tr>'.
+     '<table class="clear table-outer">'.
+     '<table class="plugins"><tr>'.
      '<th>'.__('Plugin').'</th>'.
      '<th class="nowrap">'.__('Action').'</th>'.
@@ -339 +341 @@
      }
      echo
-     '</table>';
+     '</table></div>';
 }
 

admin/post.php

@@ -845 +845 @@
 {
      echo
+     '<div class="table-outer">'.
      '<table class="comments-list"><tr>'.
      '<th colspan="2" class="first">'.__('Author').'</th>'.
@@ -889 +890 @@
      }
      
-     echo '</table>';
+     echo '</table></div>';
 }
 

admin/style/default.css

@@ -27 +27 @@
      position: relative;
      padding-top: 1em;
-     overflow: hidden;
+     overflow: hidden; /* pour les hauteurs égales */
      float: left;
      width: 100%;
      z-index: 10;
-     /*background: #f7f7f7 url(bg_wrapper.png) repeat-y 15.5em;*/
      }
 .with-js #wrapper {
@@ -39 +38 @@
      width: 100%;
      float: right;
-     margin-left: -15.5em;
+     margin-left: -14em;
      margin-top: 0;
      }
 #content {
-     margin: 0 0 0 15.5em;
-     padding: .75em 1em;
+     margin: 0 0 0 14em;
+     padding: .75em 1.5em .75em 2.5em;
      background: #fff;
      }
@@ -301 +300 @@
      /* titre de page */
      #content > h2 {
-          padding: 0 18px 6px; /* ie < 9 sucks */
-          padding: 0 1.8rem .6rem;
-          margin: 0 -18px .5em; /* ie < 9 sucks */
-          margin: 0 -1.8rem 1rem;
+          padding: 0 1.5em .5em 1em;
+          margin: 0 -1.5em .5em -1em;
           background: #fff url(bg_h2.png) repeat-x center bottom;
           }
@@ -366 +363 @@
      }
 /* ---------------------------------------------------------------- tableaux */
+.table-outer {
+     width: 100%;
+     overflow: auto;
+     }
 table {
      font-size: 12px; /* ie < 9 sucks */
@@ -371 +372 @@
      border-collapse: collapse;
      margin: 0 0 1em 0;
+     width: 100%;
      }
 caption {
@@ -1112 +1114 @@
      }
      #help-button.floatable {
-          border-radius: 2em;
-          background-color: #f5f5f5;
-          position: fixed;
-          top: 10px;
-          }
+          border-top: 2px solid #ccc;
+          border-left: 2px solid #ccc;
+          border-bottom: 2px solid #ccc;
+          border-bottom-left-radius: 1em;
+          border-top-left-radius: 1em;
+        background-color: #f5f5f5;
+        position: fixed;
+        top: 10px;
+        }
      .no-js #help-button {
           top: 1em;
@@ -1125 +1131 @@
           }
      #content.with-help #help-button {
-          right: 282px; /* ie < 9 sucks */
+          right: 280px; /* ie < 9 sucks */
           right: 28rem;
           background-color: #f5f5f5;
           position: fixed;
-          top: 54px;
+          top: 50px;
           z-index: 100;
           border-top: 2px solid #FFD478;
@@ -1145 +1151 @@
           }
      #content.with-help .help-content {
-          padding: 0 .5em 1em;
+          padding: 0 1em 1em;
           }
           .help-content dt {
@@ -2337 +2343 @@
 /* ------------------------------------------------------------------------------------
                                                                            UN POIL DE MEDIA QUERIES
------------------------------------------------------------------------------------- */
+------------------------------------------------------------------------------------
 @media screen and (max-width: 920px) {
      #top, #top h1 a {

admin/users_actions.php

@@ -210 +210 @@
           echo
           '<form action="users_actions.php" method="post" id="form-blogs">'.
-          '<table class="clear"><tr>'.
+          '<table class="table-outer clear">'.
+          '<table><tr>'.
           '<th class="nowrap" colspan="2">'.__('Blog ID').'</th>'.
           '<th class="nowrap">'.__('Blog name').'</th>'.
@@ -235 +236 @@
           
           echo
-          '</table>'.
+          '</table></div>'.
           '<p class="checkboxes-helpers"></p>'.
           '<p><input type="submit" value="'.__('Set permissions').'" />'.