#64 Admin Responsive - Next Round

admin/themes/default/css/default.css

@@ -479,3 +479,64 @@ footer a , footer{
   font-size:10px;
 }
 
+/* iPhone 4, iPhone5, Small Tablet, Tablet */
+@media (max-width: 800px) {
+
+    .monstra-header .btn-small {
+        padding: 0px 7px;
+    }
+
+    .monstra-menu-sidebar {
+        background: url('@theme_admin_url/img/noisy_grid.png');
+        background-color:#ccc;
+        max-width: 100%!important;
+        min-width: 100%!important;
+        margin-bottom: 20px;
+        padding: 19px;
+        border:2px solid #ccc;
+    }
+
+    .container-fluid {
+        padding: 0px;
+    }
+
+}
+
+/* Small Tablet(Landscape), Tablet(Portrait) */
+@media (min-width: 768px) and (max-width: 800px) {
+    .row-fluid .span10 {
+        -moz-box-sizing: border-box;
+        display: block;
+        width: 94%;
+    }
+
+    footer a, footer {
+        color: #333333;
+        font-size: 10px;
+        margin-right: 10px;
+    }
+}
+
+/* iPhone 4 */
+@media (max-width: 320px) {
+    .markItUpButton11, 
+    .markItUpButton12, 
+    .markItUpButton13,
+    .markItUpButton14,
+    .markItUpButton15,
+    .markItUpButton16,
+    .markItUpButton17,
+    .markItUpButton18 {
+        display: none;
+    }
+    .markItUpSeparator{
+        display: none;
+    }
+
+    #showImage {
+        min-width: 298px!important;
+    }
+}
+
+
+

admin/themes/default/index.template.php

@@ -49,7 +49,21 @@
         <div class="row-fluid">
 
             <!-- Block_sidebar -->
-            <div class="span2 monstra-menu-sidebar hidden-phone">
+
+            <div class="span2 monstra-menu-sidebar">
+
+                <div class="hidden-desktop">
+                    <select class="input-block-level" name="sections" id="sections">
+                        <?php                           
+                            Navigation::getDropdown('content');
+                            Navigation::getDropdown('extends');
+                            Navigation::getDropdown('system');
+                        ?>
+                    </select>
+                </div>
+
+                <div class="hidden-phone hidden-tablet">
+
                     <h3><?php echo __('Content', 'pages'); ?></h3>
                     <ul>
                         <?php Navigation::draw('content'); ?>
@@ -66,6 +80,9 @@
                     <ul>
                         <?php Navigation::draw('system'); ?>
                     </ul>
+
+                </div>
+
             </div>
             <!-- /Block_sidebar -->
 
@@ -96,10 +113,12 @@
 
         <!-- Block_footer -->
         <footer>
-            <p align="right">
+            <p class="pull-right">
                 <span style="border-top:1px solid #E0E0E0; padding-top:10px;">
+                <span class="hidden-phone">
                 <a href="http://forum.monstra.org" target="_blank"><?php echo __('Official Support Forum', 'system'); ?></a> /
                 <a href="http://monstra.org/documentation" target="_blank"><?php echo __('Documentation', 'system'); ?></a> /
+                </span>
                 © 2012 - 2013 <a href="http://monstra.org" target="_blank">Monstra</a> – <?php echo __('Version', 'system'); ?> <?php echo Monstra::VERSION; ?>
                 </span>
             </p>

admin/themes/default/js/default.js

@@ -17,3 +17,9 @@
 
 /* Confirm delete */
 function confirmDelete(msg){var data=confirm(msg+" ?"); return data;}
+
+$(document).ready(function() {
+    $('#sections option').click(function() {
+        window.location = $(this).attr('rel');
+    });
+});