visual updates

edirpedro · Jun 29, 2016 · 98e7b1d · 98e7b1d
1 parent a6537ba
commit 98e7b1d
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 7 deletions.
diff --git a/acf-flexible-content-modal.php b/acf-flexible-content-modal.php
@@ -4,7 +4,7 @@
  * Plugin Name: ACF Flexible Content Modal
  * Description: Make ACF Flexible Content editing the content of each layout using a Modal window.
  * Plugin URI: http://wordpress.org/plugins/acf-flexible-content-modal/
- * Version: 1.0
+ * Version: 1.1
  * Author: Edir Pedro
  * Author URI: http://edirpedro.com.br
  * License: GPL2

diff --git a/readme.txt b/readme.txt
@@ -2,8 +2,8 @@
 Contributors: edir
 Tags: acf, advanced-custom-field, flexible-content
 Requires at least: 4.5.2
-Tested up to: 4.5.2
-Stable tag: 1.0
+Tested up to: 4.5.3
+Stable tag: 1.1
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
@@ -13,11 +13,11 @@ Make ACF Flexible Content editing the content of each layout using a Modal windo
 
 Make ACF Flexible Content editing the content of each layout using a Modal window.
 
-The button to collapse the layout's elements will be changed to a Edit button, the fields will be opened inside a Modal windows. This will let you order the list of layouts easily and to fill the fields separately.
+The button to collapse the layout's elements will be replaced to a Edit button, the fields will be opened inside a Modal window. This will let you order the list of layouts easily and to fill the fields separately.
 
 == Installation ==
 
-1. Upload the plugin files to the `/wp-content/plugins/acf-flexible-content-modal` directory, or install the plugin through the WordPress plugins screen directly.
+1. Upload the plugin files to the `/wp-content/plugins/acf-fc-modal` directory, or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the 'Plugins' screen in WordPress
 
 == Screenshots ==
@@ -27,5 +27,9 @@ The button to collapse the layout's elements will be changed to a Edit button, t
 
 == Changelog ==
 
+= 1.1 =
+* Limit width of the modal window to do not create too large fields.
+* All layouts starts collapsed when open the page to edit.
+
 = 1.0 =
 * First release
diff --git a/style.css b/style.css
@@ -18,6 +18,15 @@
 	display: block !important;
 }
 
+/* All collapsed */
+.acf-flexible-content .layout .acf-fc-layout-handle {
+	border-bottom-width: 0;
+}
+.acf-flexible-content .layout > .acf-fields,
+.acf-flexible-content .layout > .acf-table {
+	display: none;
+}
+
 
 /* Modal
 ------------------------------------------------------------*/
@@ -29,9 +38,13 @@ body.acf-modal-open {
 	z-index: 100060;
 	position: fixed !important;
 	top: 5vh;
-	left: 10vw;
-	width: 80vw;
+	left: 0;
+	right: 0;
+	margin: auto;
+	width: 90vw;
+	max-width: 960px;
 	max-height: 90vh;
+	box-shadow: 0 5px 15px rgba(0,0,0,0.7);
 }
 
 .acf-flexible-content .layout > .acf-fc-modal-content {