Merge pull request #4384 from pods-framework/feature/#3967

CSS tweaks, fixes, and additions for 2.7 - Part 4
pods-framework · Aug 3, 2017 · 3980fc8 · 3980fc8
2 parents 63f671b + 2fc7dd5
commit 3980fc8
Show file tree

Hide file tree

Showing 8 changed files with 31 additions and 9 deletions.
diff --git a/classes/PodsInit.php b/classes/PodsInit.php
@@ -289,6 +289,9 @@ public function register_assets() {
 				'jquery-ui-slideraccess',
 			), '1.6.3' );
 		}
+		if ( ! wp_style_is( 'jquery-ui-timepicker', 'registered' ) ) {
+			wp_register_style( 'jquery-ui-timepicker', PODS_URL . 'ui/js/timepicker/jquery-ui-timepicker-addon.min.css', array(), '1.6.3' );
+		}
 
 		wp_register_script( 'pods-select2', PODS_URL . 'ui/js/select2/select2.min.js', array( 'jquery', 'pods-i18n' ), '4.0.3' );
 		wp_register_style( 'pods-select2', PODS_URL . 'ui/js/select2/select2.min.css', array(), '4.0.3' );

diff --git a/ui/styles/dist/pods-form.css b/ui/styles/dist/pods-form.css
diff --git a/ui/styles/dist/pods.css b/ui/styles/dist/pods.css
diff --git a/ui/styles/src/base/_dfv-list.scss b/ui/styles/src/base/_dfv-list.scss
@@ -156,9 +156,10 @@ ul.pods-dfv-list li.pods-dfv-list-name input[type=text] {
 	margin: 0;
 }
 
-li.pods-dfv-list-item {
+li.pods-dfv-list-item,
+.pods-pick-values li.pods-dfv-list-item {
 	display: block;
-	padding: 8px 10px;
+	padding: 6px 5px 6px 10px;
 	margin: 0;
 	border-bottom: 1px solid #efefef;
 }

diff --git a/ui/styles/src/base/_form.scss b/ui/styles/src/base/_form.scss
@@ -212,6 +212,10 @@ select.pods-pick-multi {
     background: transparent;
 }
 
+.pods-pick-values li:hover {
+    background: #f5f5f5;
+}
+
 .pods-pick-values li:last-of-type {
     border-bottom: 0;
 }
@@ -220,6 +224,10 @@ select.pods-pick-multi {
     padding: 0;
 }
 
+.pods-pick-values .pods-boolean label {
+    display: block;
+}
+
 .pods-pick-values .pods-radio {
     border: 1px solid #dfdfdf;
 }
@@ -396,13 +404,16 @@ p.pods-add-file {
 }
 
 @media screen and (max-width: 782px) {
+    .pods-boolean input,
+    .form-field .pods-boolean input,
     .pods-pick-values li .pods-boolean input {
         height: 25px;
         width: 25px;
         top: 4px;
         margin: 0 3px;
     }
 
+    .pods-boolean label,
     .pods-pick-values .pods-boolean label {
         margin-left: 36px;
         padding: 10px 0;
@@ -417,6 +428,13 @@ p.pods-add-file {
     .form-table td select {
         margin: 0;
     }
+    /* Fix for Pods field bottom border */
+    .pods-metabox tr.pods-field > th {
+        padding-top: 15px;
+    }
+    .pods-metabox tr.pods-field > td {
+        padding-bottom: 15px;
+    }
     /* HTML select field fix */
     .pods-form-ui-row-type-pick .pods-form-ui-field select {
         width: 100%;

diff --git a/ui/styles/src/base/_manage.scss b/ui/styles/src/base/_manage.scss
@@ -13,7 +13,7 @@ ul.ui-sortable li {
 }
 
 ul.ui-sortable li:hover {
-    background: #ffffd8;
+    background: #f5f5f5;
 }
 
 .ui-slider-handle {
@@ -221,7 +221,7 @@ form.pods-manage .pods-pick-values li .pods-boolean input {
 }
 
 form.pods-manage .pods-pick-values li:hover {
-    background: #ffffd8;
+    background: #f5f5f5;
 }
 
 form.pods-manage select.pods-pick-multi {
@@ -265,7 +265,7 @@ form.pods-manage .pods-date input.pods-date-field.hasDatepicker {
 }
 
 form.pods-manage ul.ui-sortable li:hover {
-    background: #ffffd8;
+    background: #f5f5f5;
     cursor: move;
 }