Changeset 1311:b57043a88153

Timestamp:

08/08/13 21:12:30 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Responsive enhancement + je sais plus quoi.

Files:

• admin/post.php (modified) (3 diffs)
• admin/style/default.css (modified) (6 diffs)
• inc/admin/lib.dc.page.php (modified) (3 diffs)

admin/post.php

@@ -383 +383 @@
 if ($can_edit_post)
 {
-     echo '<div class="multi-part" title="'.__('Edit entry').'" id="edit-entry">';
+     echo '<div class="multi-part" title="'.($post_id ? __('Edit entry') : __('New entry')).'" id="edit-entry">';
      echo '<form action="post.php" method="post" id="entry-form">';
      echo '<div id="entry-wrapper">';
@@ -389 +389 @@
      
      echo
-     '<p class="col"><label class="required"><abbr title="'.__('Required field').'">*</abbr> '.__('Title:').
+     '<p class="col"><label class="required"><abbr title="'.__('Required field').'">*</abbr> '.__('Title:').'</label>'.
      form::field('post_title',20,255,html::escapeHTML($post_title),'maximal').
-     '</label></p>'.
+     '</p>'.
      
      '<p class="area" id="excerpt-area"><label for="post_excerpt">'.__('Excerpt:').'</label> '.
@@ -402 +402 @@
      '</p>'.
      
-     '<p class="area" id="notes-area"><label for="post_notes">'.__('Notes:').'</label>'.
+     '<p class="area" id="notes-area"><label for="post_notes">'.__('Personal notes:').'</label>'.
      form::textarea('post_notes',50,5,html::escapeHTML($post_notes)).
      '</p>';

admin/style/default.css

@@ -296 +296 @@
      float: left;
      margin:0;
-     padding-top: 4em;
+     padding-top: .5em;
      padding-bottom: 1em;
      background: #f7f7f7;
@@ -332 +332 @@
 #main-menu .active {
      font-weight: bolder;
+}
+#search-menu {
+     padding: .3rem .4rem 0;
+}
+#search-menu p {
+     display: inline-block;
+}
+#search-menu #q {
+     width: 12rem;
+     border-bottom-left-radius: .6em;
+     border-top-left-radius: .6em;
+     border-color: #999;
+     background: transparent url(search.png) no-repeat 4px center;
+     text-indent: 18px;
+     height: 2rem;
+     padding: 0 2px; 
+}
+#search-menu input[type="submit"] {
+     padding: .1rem .3rem;
+     background: #dfdfdf;
+     border-color: #999;
+     color: #666;
+     border-bottom-right-radius: .6em;
+     border-top-right-radius: .6em;
+     text-shadow: none;
+     height: 2.2rem;
+     font-size: 1rem;
+     margin-left: -.5em;
+}
+#search-menu input[type="submit"]:hover,
+#search-menu input[type="submit"]:focus {
+     background: #575859;
+     color: #fff;
 }
 #favorites-menu, #blog-menu, #system-menu, #plugins-menu {
@@ -354 +387 @@
      padding: 0 1em;
      text-align: center;
-     font-size: 1.1em;
+     font-size: 1em;
 }
 #footer a {
 }
 #footer p span.credit {
-     font-size: .85em;
+     font-size: 1rem;
      font-weight: normal;
 }
@@ -852 +885 @@
 /* ------------------------------------------------------------------ popups */
 body.popup #wrapper, body.popup #top {
-     margin-top: -1.5em;
+     width: 100%;
+     padding: 0;
+}
+body.popup #wrapper {
      float: none;
-}
-body.popup #top h1 {
-     background: transparent;
+     margin:0;
+     display: block;
+}
+body.popup h1, body.popup #top {
+     margin: 0;
+     border-bottom: 1px solid;
+     font-weight: normal;
+     color: #fff;
+     background: #575859;
+     font-size: 1.5em;
+     text-indent: .6rem;
+     line-height: 1.3em;
 }
 body.popup #main {
-     margin-left: -35px;
-     margin-bottom: 1em;
+     margin-bottom: 1em 0;
 }
 body.popup #content {
-     margin-left: 35px;
-     margin-left: 2em;  /* 3.2 */
-}
-body.popup #footer {
-     display: none; /* 3.2 */
+     margin: 0;
+     padding: .6rem 0 !important;
+}
+body.popup #content h2 {
+     margin: 0 0 1em;
 }
 body.popup #footer p {
-     margin-left: 35px;
      border: none;
 }
@@ -1439 +1482 @@
      }
      #info-box1 select {width: 14rem;}
-     #help-button {position: absolute; top: 8rem; right:0;}
      #main-menu, #main, #content, #content h2, #entry-wrapper, #entry-sidebar, #entry-content, .two-cols .col, .two-cols .col:first-child {
      display:block;
@@ -1456 +1498 @@
 @media screen and (max-width: 720px) {
      .smallscreen {display: none;}
+     #help-button {width:20px; overflow: hidden;}
 }
 @media screen and (max-width: 492px) {
      #header {min-height:3.6rem;}
-     .page-title, #info-boxes {display: inline-block;}
-     #help-button {top: 9rem;}
+     #wrapper {font-size: 1.6rem;}
+     .page-title, #info-boxes, .media-item {display: inline-block;}
+     div.media-list .media-item {width: 90%; float: none}
      #top h1 a, #top {height: auto;}
      #info-box1 p.nomobile, label.nomobile {display: none;}
-}
+     #help-button {height:26px; width:26px; background-color: #A2CBE9; padding: 0; margin:0;font-size: 1rem;line-height: 68px}
+}

inc/admin/lib.dc.page.php

@@ -177 +177 @@
           "</div>\n".         // End of #main
 
-          '<div id="main-menu">'."\n";
+          '<div id="main-menu">'."\n".
+
+          '<form id="search-menu" action="search.php" method="get">'.
+          '<p><label for="q" class="hidden">'.__('Search:').' </label>'.form::field('q',30,255,'').
+          '<input type="submit" value="'.__('OK').'" /></p>'.
+          '</form>';
 
           foreach ($menu as $k => $v) {
@@ -217 +222 @@
           'xml:lang="'.$core->auth->getInfo('user_lang').'" '.
           'lang="'.$core->auth->getInfo('user_lang').'">'."\n".
+          '<meta name="viewport" content="width=device-width, initial-scale=1.0" />'."\n".
           "<head>\n".
           '  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />'."\n".
@@ -242 +248 @@
           '<body id="dotclear-admin" class="popup">'."\n".
 
-          '<div id="top"><h1>'.DC_VENDOR_NAME.'</h1></div>'."\n";
+          '<div id="top hidden"><h1>'.DC_VENDOR_NAME.'</h1></div>'."\n";
 
           echo