Changeset 5639

Timestamp:

09/16/14 09:05:02 (10 years ago)

Author:

Twan Goosen

Message:

Styling of base page and collections filter tweaked for mobile
Refs #631

Location:

VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main

Files:

• java/eu/clarin/cmdi/virtualcollectionregistry/gui/pages/BasePage.html (modified) (1 diff)
• webapp/css/_filterform.scss (modified) (1 diff)
• webapp/css/_wizard.scss (modified) (2 diffs)

VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/pages/BasePage.html

@@ -7 +7 @@
         <title>CLARIN Virtual Collection Registry</title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <!-- Bootstrap styles required for CLARIN style to work properly -->
         <link rel="stylesheet" type="text/css" href="//infra.clarin.eu/content/libs/bootstrap-3.2.0-dist/css/bootstrap.min.css" />

VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_filterform.scss

@@ -20 +20 @@
     margin: 0;
     padding: 0;
+
+    fieldset {
+        padding: 0;
+        margin: 0;
+        border: none;
+    }
+
+    div.optional {
+        margin-bottom: 4px;
+    }
+    
+    select {
+        width: 20%;
+        min-width: 8em;
+    }
+
+    input[type=text] {
+        width: 40%;
+    }
+
 }
-
-form.filterForm fieldset {
-    padding: 0;
-    margin: 0;
-    border: none;
-}
-
-form.filterForm div.optional {
-    margin-bottom: 4px;
-}

VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_wizard.scss

@@ -46 +46 @@
     padding: 0;
     font-size: 100%;
-    width: 978px;
-    min-width: 978px;
+    width: 100%;
 }
 
@@ -138 +137 @@
         display: block;
         float: left;
-        width: 140px;
+        width: 15%;
+        min-width: 7em;
         padding: 3px 10px;
         margin: 0 0 5px 0;
         text-align: right;
         font-weight: normal;
+    }
+
+    div input {
+        box-sizing:border-box;
+        -moz-box-sizing:border-box;
     }