Merge pull request #186 from isubit/INTERIM-172

Views exposed filters
isubit · Dec 17, 2018 · 8735dd5 · 8735dd5
2 parents ebbceab + 7aaa74a
commit 8735dd5
Showing 1 changed file with 50 additions and 16 deletions.
diff --git a/css/suitcase.css b/css/suitcase.css
@@ -12,26 +12,27 @@
         e. Misc Typography
         f. Figures & Images
         g. Forms
-    02. COMPONENTS
+    02. EXPOSED FILTERS
+    03. COMPONENTS
         a. Pagination
         b. Media Card
         c. Icon Menus
         d. Social Menus
-    03. UTILITY
-    04. GRID
-    05. HEADER
+    04. UTILITY
+    05. GRID
+    06. HEADER
         a. ISU Menu Bar
         b. Site Name
         c. Header Search
         d. Header Search Menu
-    06. MENU
+    07. MENU
         a. Sticky Menu
-    07. SECONDARY MENU
-    08. BREADCRUMBS
-    09. ALERTS
-    10. TABS
+    08. SECONDARY MENU
+    09. BREADCRUMBS
+    10. ALERTS
+    11. TABS
         a. Secondary Tabs
-    11. FOOTER
+    12. FOOTER
 
     HOME
 
@@ -503,8 +504,9 @@ input[type="time"],
 input[type="url"],
 input[type="week"] {
     height: auto;
+    min-height: 2.25rem;
     max-width: 100%;
-    padding: 0.5rem;
+    padding: 0.525rem;
     border: 1px solid #ddd;
     border-radius: 2px;
 }
@@ -541,23 +543,55 @@ input[type=submit].form-submit {
     padding-right: 0.5rem;
 }
 
-/* Views Forms */
+/* -------------------- */
+/* ## EXPOSED FILTERS
+/* -------------------- */
 /* Overrides styles from views.css */
 
 .views-exposed-widgets {
     display: flex;
-    align-items: flex-end;
+    flex-wrap: wrap;
+    align-items: flex-start;
 }
 
-.views-exposed-widgets .form-submit {
-    height: 2.25rem; 
-    margin-top: 0;
+.views-exposed-form .views-exposed-widget {
+    float: none;
+    padding: 0;
+    margin: 0 1em 1em 0;
 }
 
 .form-required {
     color: #cc0000;
 }
 
+.views-exposed-form label {
+    margin-bottom: 0.25rem;
+}
+
+.form-radios label {
+    font-weight: normal
+}
+
+.views-exposed-form .views-exposed-widget .form-submit {
+    height: 2.25rem; 
+    margin-top: 1.75rem;
+}
+
+/* Select Lists */
+.form-type-select select {
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+}
+
+/* Date Filter */
+.views-exposed-widget.views-widget-filter-date_filter {
+    flex-shrink: 0;
+}
+
+.views-exposed-form .container-inline-date .date-padding {
+    display: flex;
+    align-items: center;
+}
 
 /* -------------------- */
 /* ## COMPONENTS