Changeset 1307:29c999d7ae6b

Timestamp:

08/05/13 19:22:48 (10 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Some cool things for a little bit more responsive admin. You can now use your phone to play with Dotclear (but don't expect something perfect, a real mobile friendly stuff will be done a day but not today).

Files:

• .hgsubstate (modified) (1 diff)
• admin/style/default.css (modified) (2 diffs)
• inc/admin/lib.dc.page.php (modified) (2 diffs)

.hgsubstate

@@ -1 @@
-68debbf1f4b869c562e3ac3d1901d55e9ddf2f49 inc/libs/clearbricks
+4a0351ee5d566a83ff06ca8bc9fffeb99885f545 inc/libs/clearbricks

admin/style/default.css

@@ -154 +154 @@
 }
 #info-box2 {
-     margin-top: .3rem;
-     padding: .5em 1.3em 4px 0;
+     margin: 0;
+     padding: .8em 1.3em 4px 0;
      color: #fff;
      float: right;
@@ -1429 +1429 @@
      color: white;
 }
+
+/* ---------------------------------------------------------------------------
+     Media queries vite fait en attendant la reprise complète du layout
+---------------------------------------------------------------------------- */
+@media screen and (max-width: 880px) {
+ #top, #top h1 a {width: 42px;overflow:hidden;}
+ #top, #info-boxes, #info-box1, #info-box2 {
+     display:inline-block;
+     vertical-align:middle;
+     margin:0;
+     padding:0;
+     line-height: 3.2rem; 
+     width:auto; 
+     height:auto;
+ }
+ #info-box1 select {width: 14rem;}
+ #help-button {position: absolute;top: 8rem; right:0;}
+}
+@media screen and (max-width: 680px) {
+ .nomobile {display: none;}
+ #main-menu, #main, #content, #entry-wrapper, #entry-sidebar, #entry-content, .two-cols .col, .two-cols .col:first-child {
+    display:block;
+    width: 99% !important;
+    margin:0 auto;
+    padding:0;
+    float:none;
+    text-align: left;
+    clear: both;
+  }
+ }

inc/admin/lib.dc.page.php

@@ -97 +97 @@
           '  <meta name="ROBOTS" content="NOARCHIVE,NOINDEX,NOFOLLOW" />'."\n".
           '  <meta name="GOOGLEBOT" content="NOSNIPPET" />'."\n".
+          '  <meta name="viewport" content="initial-scale=1.0" />'."\n".
 
           self::jsLoadIE7().
@@ -137 +138 @@
           '</div>'.
           '<div id="info-box2">'.
-          '<a'.(preg_match('/index.php$/',$_SERVER['REQUEST_URI']) ? ' class="active"' : '').' href="index.php">'.__('My dashboard').'</a>'.
-          '<span> | </span><a'.(preg_match('/preferences.php(\?.*)?$/',$_SERVER['REQUEST_URI']) ? ' class="active"' : '').' href="preferences.php">'.__('My preferences').'</a>'.
-          '<span> | </span><a href="index.php?logout=1" class="logout">'.sprintf(__('Logout %s'),$core->auth->userID()).' <img src="images/logout.png" alt="" /></a>'.
+          '<a class=" nomobile"'.(preg_match('/index.php$/',$_SERVER['REQUEST_URI']) ? ' class="active"' : '').' href="index.php">'.__('My dashboard').'</a>'.
+          '<span class="nomobile"> | </span><a class=" nomobile"'.(preg_match('/preferences.php(\?.*)?$/',$_SERVER['REQUEST_URI']) ? ' class="active nomobile"' : '').' href="preferences.php">'.__('My preferences').'</a>'.
+          '<span class="nomobile"> | </span><a href="index.php?logout=1" class="logout">'.sprintf(__('Logout %s'),$core->auth->userID()).' <img src="images/logout.png" alt="" /></a>'.
           '</div>'.
           '</div>'.