Release 2.18.4 (#1896)

* Added: A "Direct Access" summary in the Publish box in the View editor that makes it easy to see and modify whether a View is accessible directly * Improved: Views will now remember the Settings tab you are on after you save a View * Fixed: Resolved a fatal error that occurred under certain circumstances due to passing the wrong parameter type to a WordPress function * Updated: The video on the Getting Started page * Updated: [Foundation](https://www.gravitykit.com/foundation/) to version 1.2
GravityKit · Sep 1, 2023 · 6e0285e · 6e0285e
2 parents 50e66e3 + 434cf26
commit 6e0285e
Show file tree

Hide file tree

Showing 21 changed files with 409 additions and 68 deletions.
diff --git a/assets/css/admin-entries-list.css b/assets/css/admin-entries-list.css
diff --git a/assets/css/admin-views.css b/assets/css/admin-views.css
diff --git a/assets/css/scss/admin-entries-list.scss b/assets/css/scss/admin-entries-list.scss
@@ -27,6 +27,14 @@
 	// Floaty's got a kinda big head. Change 8px top/bottom to better balanced
 	thead th.gv-approve-column {
 
+		a {
+			height: 40px;
+			display: table-cell;
+			vertical-align: middle;
+			text-align: center;
+			width: 40px;
+		}
+
 		// Add Floaty's head
 		*:before {
 			padding: 0;

diff --git a/assets/css/scss/admin-tooltips.scss b/assets/css/scss/admin-tooltips.scss
@@ -44,6 +44,11 @@ body .ui-tooltip {
 	padding: 0;
 	position:absolute;
 	width: 460px;
+
+	&:has(.gv-widget-picker-container) {
+		width: 640px;
+	}
+
 	max-width: 100%; // Resize for responsive, if necessary
 	z-index: 999999!important; // Gravity Forms tooltips - need to make sure they're higher z-index to be above the field settings
 	background: white; //$tooltip_background;
@@ -149,17 +154,13 @@ body .ui-tooltip {
 		margin-bottom: 10px;
 		width: 50%;
 
-		text-align: center;
-
 		h5 {
 			float: none;
 			width: 100%;
 			font-weight: normal;
-			text-align: center;
 		}
 
 		.gv-field-info {
-			text-align: center;
 			display: block;
 			font-weight: normal;
 			color: #999;
@@ -181,14 +182,12 @@ body .ui-tooltip {
 			display: block;
 			width: 100%;
 			margin-bottom: 0;
-			text-align: center;
 		}
 
 		.dashicons,
 		.gform-icon,
 		.material-icons {
-			display: block;
-			text-align: center;
+			display: table-cell;
 			margin: 0 auto 10px;
 			font-size: 24px;
 			width: 24px;
@@ -202,9 +201,6 @@ body .ui-tooltip {
 				padding-right: 12px!important;
 				padding-left: 0!important;
 			}
-			* {
-				text-align: center!important;
-			}
 		}
 	}
 
@@ -231,7 +227,7 @@ body .ui-tooltip {
 
 			&.background-icon {
 				transition: opacity 0.1s ease-in;
-				background-repeat: no-repeat;
+				background-repeat: no-repeat!important;
 				background-size: contain;
 				background-position: center center;
 				opacity: .566;
@@ -298,7 +294,8 @@ body .ui-tooltip {
 
 		.gform-icon,
 		.dashicons {
-			position: absolute;
+			display: inline-block;
+
 			margin: 0 8px 0 -36px;
 			.rtl & {
 				margin: 0 -36px 0 8px;
@@ -308,37 +305,47 @@ body .ui-tooltip {
 		.gv-field-info {
 			display: none;
 		}
+	}
 
-		&.gv-widget-picker-container {
+	.gv-items-picker-container.gv-widget-picker-container {
 
-			* {
-				text-align: center;
-			}
+		.gv-icon,
+		.gform-icon,
+		.dashicons {
+			padding: 17px;
+			border-radius: 5px;
+			background-color: $color-light-grey-150;
+			background-size: 24px!important;
+			background-position: center center;
+			display: table-cell;
+			float: left;
+			font-size: 24px!important;
+			width: 24px!important;
+			height: 24px!important;
+			line-height: 24px!important;
+			margin: 0 10px 6px 0!important;
+		}
 
-			.gform-icon,
-			.dashicons {
-				display: block;
-				font-size: 30px;
-				width: 28px;
-				height: 32px;
-				line-height: 32px;
-				float: none;
-				margin: 0 auto 6px auto!important;
-				padding: 0;
+		.gv-fields {
+			display: block;
+			width: 50%;
+			padding: 16px 12px;
+			line-height: 1.25em;
+			h5 {
+				font-weight: 500;
+				color: $color-222;
 			}
+		}
+		.gv-field-info {
+			margin: .25em 0 0 0;
+			display: table-row;
+			color: $color-666;
+		}
+	}
 
-			.gv-fields {
-				width: 50%;
-				padding: 16px 12px;
-				line-height: 1.25em;
-				h5 {
-					font-weight: 500;
-				}
-			}
-			.gv-field-info {
-				display: block;
-				margin: .25em 0 0 0;
-			}
+	[data-fieldid="all-fields"] {
+		* {
+			text-align: center!important;
 		}
 	}
 

diff --git a/assets/css/scss/admin-views.scss b/assets/css/scss/admin-views.scss
@@ -556,6 +556,11 @@ $gv-overlay-index: 10000;
 
 .post-type-gravityview .CodeMirror {
 	height: 15.75em; // 10 visible rows
+	max-width: 690px!important;
+}
+
+.gform-admin .gform-dropdown--merge-tags .gform-dropdown__container {
+	z-index: $gv-overlay-index + 2;
 }
 
 /** View configuration tabs */
@@ -1858,6 +1863,7 @@ $dialog-button-padding: 5px;
 	}
 }
 
+/** The "Embed Shortcode" section in the Publish metabox */
 .gv-shortcode {
 	.dashicons-editor-code {
 		color: #888;
@@ -1874,6 +1880,26 @@ $dialog-button-padding: 5px;
 	}
 }
 
+/** The "Direct Access" section in the Publish metabox */
+#gv-direct-access:before {
+	font: normal 20px/1 Dashicons;
+	speak: never;
+	display: inline-block;
+	margin-left: -1px;
+	padding-right: 3px;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+#gv-direct-access:before {
+	content: "\f528";
+	color: $color-yellow-40;
+}
+#gv-direct-access.embed-only:before {
+	content: "\f160";
+	color: $color-green-40;
+}
+
 .button.button-link.gv-add-field {
 	text-decoration: none;
 	border-radius: 3px;
@@ -1912,6 +1938,7 @@ $dialog-button-padding: 5px;
 	.dashicons-editor-code,
 	.dashicons-lock,
 	.dashicons-warning,
+	.dashicons-search,
 	.dashicons-media-default {
 		display: inline-block;
 	}

diff --git a/assets/css/scss/variables.scss b/assets/css/scss/variables.scss
@@ -45,3 +45,70 @@ $color-blue-tint-90: #e6f6fb !default;
 
 $color-bg-active: rgba(210, 224, 235, .45);
 $color-bg-inactive: rgba(210, 224, 235, .2);
+
+/**
+ * Official WordPress colors since 5.7
+ * @see https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7/
+ * @see https://codepen.io/ryelle/pen/WNGVEjw
+ */
+$color-gray-0: #f6f7f7;
+$color-gray-2: #f0f0f1;
+$color-gray-5: #dcdcde;
+$color-gray-10: #c3c4c7;
+$color-gray-20: #a7aaad;
+$color-gray-30: #8c8f94;
+$color-gray-40: #787c82;
+$color-gray-50: #646970;
+$color-gray-60: #50575e;
+$color-gray-70: #3c434a;
+$color-gray-80: #2c3338;
+$color-gray-90: #1d2327;
+$color-gray-100: #101517;
+$color-blue-0: #f0f6fc;
+$color-blue-5: #c5d9ed;
+$color-blue-10: #9ec2e6;
+$color-blue-20: #72aee6;
+$color-blue-30: #4f94d4;
+$color-blue-40: #3582c4;
+$color-blue-50: #2271b1;
+$color-blue-60: #135e96;
+$color-blue-70: #0a4b78;
+$color-blue-80: #043959;
+$color-blue-90: #01263a;
+$color-blue-100: #00131c;
+$color-red-0: #fcf0f1;
+$color-red-5: #facfd2;
+$color-red-10: #ffabaf;
+$color-red-20: #ff8085;
+$color-red-30: #f86368;
+$color-red-40: #e65054;
+$color-red-50: #d63638;
+$color-red-60: #b32d2e;
+$color-red-70: #8a2424;
+$color-red-80: #691c1c;
+$color-red-90: #451313;
+$color-red-100: #240a0a;
+$color-yellow-0: #fcf9e8;
+$color-yellow-5: #f5e6ab;
+$color-yellow-10: #f2d675;
+$color-yellow-20: #f0c33c;
+$color-yellow-30: #dba617;
+$color-yellow-40: #bd8600;
+$color-yellow-50: #996800;
+$color-yellow-60: #755100;
+$color-yellow-70: #614200;
+$color-yellow-80: #4a3200;
+$color-yellow-90: #362400;
+$color-yellow-100: #211600;
+$color-green-0: #edfaef;
+$color-green-5: #b8e6bf;
+$color-green-10: #68de7c;
+$color-green-20: #1ed14b;
+$color-green-30: #00ba37;
+$color-green-40: #00a32a;
+$color-green-50: #008a20;
+$color-green-60: #007017;
+$color-green-70: #005c12;
+$color-green-80: #00450c;
+$color-green-90: #003008;
+$color-green-100: #001c05;