[Rt-commit] rt branch, 3.9-trunk, updated. rt-3.8.8-318-ga13fedb

[Thomas Sibley]

The branch, 3.9-trunk has been updated
       via  a13fedb46a9e9632668942b3ad9e8b3dc356edf5 (commit)
      from  6e5fb8eb62a5cc52672b2eea4e8d84e846af01ad (commit)

Summary of changes:
 share/html/NoAuth/css/base/ticket-form.css |   19 ++++++++++++++++++-
 1 files changed, 18 insertions(+), 1 deletions(-)

- Log -----------------------------------------------------------------
commit a13fedb46a9e9632668942b3ad9e8b3dc356edf5
Author: Thomas Sibley <trs at bestpractical.com>
Date:   Fri Aug 13 17:01:54 2010 -0400

    Use an @media query to switch to a single column at small widths
    
    This is supported by at least Webkit and Gecko.

diff --git a/share/html/NoAuth/css/base/ticket-form.css b/share/html/NoAuth/css/base/ticket-form.css
index d4ae325..a4885e1 100644
--- a/share/html/NoAuth/css/base/ticket-form.css
+++ b/share/html/NoAuth/css/base/ticket-form.css
@@ -22,7 +22,10 @@
     padding-bottom: 2em;
 }
 
+/*
 % if ( RT->Config->Get("UseSideBySideLayout", $session{'CurrentUser'}) ) {
+*/
+
 #ticket-create-metadata,
 #ticket-update-metadata {
     float: right;
@@ -37,7 +40,19 @@
     clear: left;
 }
 
-/* These are only needed when using the two column layout */
+ at media (max-width: 950px) {
+    /* Revert to a single column when we're less than 1000px wide */
+    #ticket-create-metadata,
+    #ticket-update-metadata,
+    #ticket-create-message,
+    #ticket-update-message
+    {
+        float: none;
+        width: auto;
+        clear: both;
+    }
+}
+
 #comp-Ticket-Update #body {
     padding-top: 3em;
 }
@@ -47,4 +62,6 @@
     float: right;
 }
 
+/*
 % }
+*/

-----------------------------------------------------------------------