Merge pull request #94 from wplemon/develop

1.1.17

CHANGELOG.md

@@ -1,3 +1,14 @@
+## 1.1.17
+
+* Fix: Horizontal padding on submenus when navigation is on vertical mode.
+* Fix: Adding widgets on the header grid was not showing the widget areas in the customizer due to a partial refresh instead of a full refresh of the preview pane.
+* Fix: Minor styling fixes for navigation parts.
+* Fix: Added titles to buttons in the grid control to make it easier to understand what they do when they get hovered.
+* Fix: Removed google-plus from list of social networks.
+* Fix: Styling fixes for the header-search grid-part.
+* Fix: Size of video embeds.
+* Fix: Various improvements to the Grid control.
+
 ## 1.1.16
 
 * New: Added slide-up mode for header searchform.

assets/css/customizer/gridd-grid-control.scss

@@ -7,28 +7,16 @@
 .customize-control-gridd_grid {
 	margin: 2em 0;
 
-	.grid-whatis {
-		grid-row: 2 / 3;
-		grid-column: 2 / 3;
-		padding: 0;
-	}
-
 	// The grid wrapper for everything.
 	.gridd-grid-builder-grids-wrapper {
 		// display: -ms-grid;
 		display: grid;
 		grid-template-columns: 1fr 46px;
 		grid-gap: 7px;
 
-		&.whatis {
-			.gridd-grid-builder-columns,
-			.gridd-grid-builder-rows {
-				input {
-					display: none;
-				}
-				.whatis {
-					display: block;
-				}
+		&.editing-parts {
+			+.gridd-grid-part-move-helper {
+				display: block;
 			}
 		}
 	}
@@ -47,7 +35,7 @@
 			margin: 0;
 			height: 35px;
 			display: inline-block;
-			
+
 			svg {
 				width: 25px;
 				height: 25px;
@@ -57,8 +45,7 @@
 
 	.gridd-grid-builder-columns,
 	.gridd-grid-builder-rows {
-		input,
-		.whatis {
+		input {
 			background: none;
 			box-shadow: none;
 			border: 1px dotted #999;
@@ -72,9 +59,6 @@
 				background: #fff;
 			}
 		}
-		.whatis {
-			display: none;
-		}
 	}
 
 	// The columns width inputs wrapper.
@@ -84,6 +68,7 @@
 		display: grid;
 		grid-gap: 0;
 	}
+
 	// The rows width inputs wrapper.
 	.gridd-grid-builder-rows {
 		grid-column: 2 / 3;
@@ -119,6 +104,14 @@
 		}
 	}
 
+	.gridd-grid-part-move-helper {
+		display: none;
+		margin-top: -20px;
+		padding: 5px 12px;
+		background: #fff;
+		border-left: 5px solid #46B450;
+	}
+
 	&.fixed-position {
 		position: fixed;
 		top: 19px;
@@ -161,7 +154,7 @@
 	button {
 		display: block;
 		height: 65px;
-		border: 1px dotted rgba(0,0,0,.25);
+		border: 1px dotted rgba(0, 0, 0, .25);
 		background-color: #f2f2f2;
 		border-radius: 0;
 		box-shadow: none;
@@ -171,8 +164,8 @@
 		}
 
 		&.ds-selected {
-			background-color: rgba(0,0,0,.25);
-			background-image: linear-gradient(135deg, rgba(0,0,0,.5) 10%, transparent 10%, transparent 50%, rgba(0,0,0,.5) 50%, rgba(0,0,0,.5) 60%, transparent 60%, transparent 100%);
+			background-color: rgba(0, 0, 0, .25);
+			background-image: linear-gradient(135deg, rgba(0, 0, 0, .5) 10%, transparent 10%, transparent 50%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .5) 60%, transparent 60%, transparent 100%);
 			background-size: 5px 5px;
 		}
 	}
@@ -195,7 +188,7 @@
 	}
 
 	.inner {
-		box-shadow: inset 0px 1px 10px 0px rgba(0,0,0,0.2);
+		box-shadow: inset 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
 		color: #fff;
 		justify-content: center;
 		display: flex;
@@ -205,6 +198,7 @@
 		word-break: break-all;
 		// border-radius: 3px;
 		position: relative;
+
 		// font-size: 10px;
 		// WIP
 		// background-color: #666 !important;
@@ -229,7 +223,7 @@
 			.resize {
 				background: #fff;
 				padding: 4px;
-				border: 1px solid rgba(0,0,0,.3);
+				border: 1px solid rgba(0, 0, 0, .3);
 
 				.dashicons {
 					font-size: 15px;

assets/css/customizer/preview.min.css

@@ -0,0 +1 @@
+.customize-partial-edit-shortcut button svg{fill:#fff!important}

assets/css/customizer/preview.scss

@@ -0,0 +1,3 @@
+.customize-partial-edit-shortcut button svg {
+	fill: #fff !important;
+}