ActionItem891: adding documet size registration for CSS selectors.

Aurelio A. Heckert
1 parent 73687ba7
Showing 2 changed files with 16 additions and 1 deletions Show diff stats
app/views/layouts/application.rhtml
public/stylesheets/menu.css
@@ -59,7 +59,7 @@
     " controller_"+ @controller.controller_name() +
     " action_"+ @controller.controller_name() +"_"+ @controller.action_name()
     %>' onload='noosfero_init();'
-    help=<%= _('Pass the mouse over page elements to get help on them. Click the question mark icon on the top-right corner to deactivate this help window.').inspect %> >
+    help=<%= _('Pass the mouse over page elements to get help on them. Click the question mark icon on the top-right corner to deactivate this help window.').inspect %> onresize="registerDocumentSize()">
     <script type="text/javascript">
       /* Adds a class to "msie" to the body element if a Microsoft browser is
        * detected. This is needed to workaround several of their limitations.
@@ -68,6 +68,17 @@
         document.body.className += " msie msie" +
           navigator.appVersion.replace(/^.*MSIE\s+([0-9]+).*$/, "$1");
       }
+      function registerDocumentSize() {
+        document.body.className = document.body.className.replace(/(^| )docSize.+( |$)/g, " ");
+        for ( var x=100; x<=1500; x+=100 ) {
+          if ( document.body.clientWidth > x ) {
+            document.body.className += " docSize-GT-" + x;
+          } else {
+            document.body.className += " docSize-LT-" + x;
+          }
+        }
+      }
+      registerDocumentSize();
     </script>
     <% unless flash[:notice].nil? %>
@@ -167,6 +167,10 @@
   width: 200px;
   z-index: 100;
 }
+.docSize-LT-900 #user_box {
+  right: 165px;
+  width: 160px;
+}
 #user_menu_head,
 #user_box a,