Update mockups

These mockup updates include general refinements and polish, per Github and Slack discussions. Notably around: - Galleries. Props @j-falk for ideas here. Trash and edit buttons when selecting individual images in a gallery, and button for advanced gallery editing, where you'd also be able to add more images to the gallery, or rearrange, in the case of a slideshow version of the gallery. - Drag and drop. Props @iseulde for the idea of showing a blue line for the dropzone. The gray area is a ghost of where you're dragging from, so the blocks don't size around when you drag. - A new approach to inserting content. It generally happens on a newline, and the plus then shows up to the left, where the up/down arrows would show up for a non-empty block. We'd then have a permanent "insert" button somewhere in the Admin UI to go with this, for when you need to insert content between two letters. See also #78. - Added empty versions of Quote and Image block. Imagine the use case of _type type type, press enter for newline, type `/ima` to open inserter searched to Image, press enter, arrow down, type type type_. In that case you'd simply inserted an image placeholder block which you could later upload to, or pick an image from the media library.
WordPress · Mar 15, 2017 · 6a4363f · 6a4363f
1 parent dcac834
commit 6a4363f
Show file tree

Hide file tree

Showing 16 changed files with 17 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -36,7 +36,7 @@ With regards to specific changes to the design, the details & execution (like co
 
 Grab the Sketch file so you don't have to start from scratch:
 
-**<a href="https://cloudup.com/cMPXM8Va2cy">Download, Updated Mar. 10th.</a>**
+**<a href="https://cloudup.com/cMPXM8Va2cy">Download, Updated Mar. 15th.</a>**
 
 ## Mockups
 
@@ -58,6 +58,14 @@ _Text, Selected_
 
 ---
 
+_Empty Image_
+
+![Empty Image](mockups/Image, Empty.png)
+
+_Empty Image, Hover_
+
+![Empty Image, Hover](mockups/Image, Empty, Hover.png)
+
 _Image_
 
 ![Image, Neutral](mockups/Image, Neutral.png)
@@ -76,6 +84,14 @@ _Image, Caption_
 
 ---
 
+_Empty Quote_
+
+![Empty Quote](mockups/Quote, Empty.png)
+
+_Empty Quote, Hover_
+
+![Empty Quote, Hover](mockups/Quote, Empty, Hover.png)
+
 _Quote_
 
 ![Quote, Neutral](mockups/Quote, Neutral.png)

diff --git a/mockups/Admin UI, Sidebar Open.png b/mockups/Admin UI, Sidebar Open.png
diff --git a/mockups/Admin UI.png b/mockups/Admin UI.png
diff --git a/mockups/Drag and drop.png b/mockups/Drag and drop.png
diff --git a/mockups/Embed, Selected.png b/mockups/Embed, Selected.png
diff --git a/mockups/Gallery, Selected Image.png b/mockups/Gallery, Selected Image.png
diff --git a/mockups/Gallery, Selected.png b/mockups/Gallery, Selected.png
diff --git a/mockups/Image, Empty, Hover.png b/mockups/Image, Empty, Hover.png
diff --git a/mockups/Image, Empty.png b/mockups/Image, Empty.png
diff --git a/mockups/Image, Selected.png b/mockups/Image, Selected.png
diff --git a/mockups/Newlines.png b/mockups/Newlines.png
diff --git a/mockups/Quote, Empty, Hover.png b/mockups/Quote, Empty, Hover.png
diff --git a/mockups/Quote, Empty.png b/mockups/Quote, Empty.png
diff --git a/mockups/Text, Hover.png b/mockups/Text, Hover.png
diff --git a/mockups/Text, Neutral.png b/mockups/Text, Neutral.png
diff --git a/mockups/Text, Selected.png b/mockups/Text, Selected.png