Advanced Image Styles - Version 0.3

Version Description

  • Improve look of the border color input
Download this release

Release Info

Developer gcorne
Plugin Icon wp plugin Advanced Image Styles
Version 0.3
Comparing to
See all releases

Code changes from version 0.2 to 0.3

Files changed (3) hide show
  1. advanced-image-styles.php +2 -2
  2. css/advanced-image-styles.css +6 -8
  3. readme.txt +5 -3
advanced-image-styles.php CHANGED
@@ -6,7 +6,7 @@
6
  * Author URI: http://gregorycornelius.com
7
  * Description: Adjust an image's margins and border with ease in the Visual
8
  * editor.
9
- * Version: 0.2
10
  * License: GPL2+
11
  * Text Domain: advanced-image-styles
12
  * Domain Path: /languages/
@@ -15,7 +15,7 @@
15
 
16
  class Advanced_Image_Styles {
17
 
18
- const VERSION = '0.1';
19
 
20
  public static function init() {
21
  add_action( 'wp_enqueue_editor', array( __CLASS__, 'enqueue' ), 10, 1 );
6
  * Author URI: http://gregorycornelius.com
7
  * Description: Adjust an image's margins and border with ease in the Visual
8
  * editor.
9
+ * Version: 0.3
10
  * License: GPL2+
11
  * Text Domain: advanced-image-styles
12
  * Domain Path: /languages/
15
 
16
  class Advanced_Image_Styles {
17
 
18
+ const VERSION = '0.2';
19
 
20
  public static function init() {
21
  add_action( 'wp_enqueue_editor', array( __CLASS__, 'enqueue' ), 10, 1 );
css/advanced-image-styles.css CHANGED
@@ -45,20 +45,18 @@
45
  }
46
 
47
  .image-details .advanced-image-styles input[type="color"] {
48
- border: 1px solid #ddd;
49
- width: 30px;
50
- padding: 4px 6px;
51
- height: 20px;
52
  display: block;
53
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
54
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
55
  }
56
 
57
 
58
  @media screen and (max-width: 782px) {
59
  .image-details .advanced-image-styles input[type="color"] {
60
  -webkit-appearance: none;
61
- height: 24px;
62
- padding: 5px 8px;
63
  }
64
  }
45
  }
46
 
47
  .image-details .advanced-image-styles input[type="color"] {
48
+ width: 31px;
49
+ height: 31px;
50
+ padding: 4px;
51
+ margin-top: 1px;
52
  display: block;
 
 
53
  }
54
 
55
 
56
  @media screen and (max-width: 782px) {
57
  .image-details .advanced-image-styles input[type="color"] {
58
  -webkit-appearance: none;
59
+ width: 36px;
60
+ height: 36px;
61
  }
62
  }
readme.txt CHANGED
@@ -1,9 +1,9 @@
1
  === Advanced Image Styles ===
2
  Contributors: gcorne
3
  Tags: image, editor, formatting, photo, TinyMCE
4
- Tested up to: 3.9
5
  Requires at least: 3.9
6
- Stable tag: 0.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -13,12 +13,14 @@ Adjust an image's margins and border with ease in the Visual editor.
13
 
14
  == Changelog ==
15
 
 
 
 
16
  = 0.2 =
17
  * Disable left and right margin inputs when image alignment is set to center
18
  * Use color input type when available for border color.
19
  * Use empty fields as default so that a value of zero can be set.
20
 
21
-
22
  = 0.1 =
23
  * Initial Version.
24
 
1
  === Advanced Image Styles ===
2
  Contributors: gcorne
3
  Tags: image, editor, formatting, photo, TinyMCE
4
+ Tested up to: 4.1
5
  Requires at least: 3.9
6
+ Stable tag: 0.3
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
13
 
14
  == Changelog ==
15
 
16
+ = 0.3 =
17
+ * Improve look of the border color input
18
+
19
  = 0.2 =
20
  * Disable left and right margin inputs when image alignment is set to center
21
  * Use color input type when available for border color.
22
  * Use empty fields as default so that a value of zero can be set.
23
 
 
24
  = 0.1 =
25
  * Initial Version.
26