Tabby Responsive Tabs - Version 1.3.0

Version Description

  • using target url parameter overrides open shortcode parameter for which tab is to be open on page load
  • Shortcode parameters now used in array, not extracted
  • Priority of tabbytrigger changed to 30 by default to prevent breakage on pages created with the WordPress block editor. Prority can be changed by adding 'priority' shortcode parameter with an appropriate value
  • ico shortcode parameter added to enable custom icons to be added without adding font-awesome prefixes.
  • replaced tabbytrigger function - now uses wp_add_inline_script
Download this release

Release Info

Developer numeeja
Plugin Icon 128x128 Tabby Responsive Tabs
Version 1.3.0
Comparing to
See all releases

Code changes from version 1.3.1 to 1.3.0

Files changed (4) hide show
  1. css/admin.css +5 -31
  2. includes/admin.php +6 -12
  3. readme.txt +4 -9
  4. tabby-responsive-tabs.php +3 -3
css/admin.css CHANGED
@@ -27,10 +27,7 @@
27
  }
28
 
29
  .tabbyoptions .card {
30
- display: flex;
31
- flex-direction: column;
32
  background-color: #fcfcfc;
33
- display: flex;
34
  width: auto;
35
  max-width: 100%;
36
  display: block;
@@ -81,17 +78,11 @@
81
  border-left: 1px dashed #ddd;
82
  }
83
 
84
- .tabbyoptions .contribute {
85
- background-color: #ffd566;
86
- padding: 2em;
87
- margin-top: 3em;
88
- }
89
-
90
  .tabbycards {
91
  display: grid;
92
  grid-template-columns: repeat(auto-fill, minmax( 260px, 1fr));
93
  column-gap: 1.6rem;
94
- /* background: url("../images/tabby.png") 100% 98% no-repeat;*/
95
  margin-top: 0;
96
  }
97
 
@@ -102,16 +93,6 @@
102
  border: 0;
103
  position:relative;
104
  transition: all 1s;
105
- background-color: #4e426c;
106
- }
107
-
108
- .tabbycards .card:hover {
109
- background-color: #bf461d
110
- }
111
-
112
- .tabbycards .card.tabbycat,
113
- .tabbycards .card.tabbycat:hover {
114
- background: none;
115
  }
116
 
117
  .tabbycards .card h2 {
@@ -144,17 +125,10 @@
144
  padding-top: 2em;
145
  }
146
 
147
- .card.tabbycat {
148
- min-height: 220px;
149
- justify-self: end;
150
- padding: 0;
151
- width: 100%;
152
- box-shadow: none;
153
  }
154
 
155
- .tabbycat img {
156
- position: absolute;
157
- bottom: 1em;
158
- width: 100%;
159
- height: auto;
160
  }
27
  }
28
 
29
  .tabbyoptions .card {
 
 
30
  background-color: #fcfcfc;
 
31
  width: auto;
32
  max-width: 100%;
33
  display: block;
78
  border-left: 1px dashed #ddd;
79
  }
80
 
 
 
 
 
 
 
81
  .tabbycards {
82
  display: grid;
83
  grid-template-columns: repeat(auto-fill, minmax( 260px, 1fr));
84
  column-gap: 1.6rem;
85
+ background: url("../images/tabby.png") 100% 98% no-repeat;
86
  margin-top: 0;
87
  }
88
 
93
  border: 0;
94
  position:relative;
95
  transition: all 1s;
 
 
 
 
 
 
 
 
 
 
96
  }
97
 
98
  .tabbycards .card h2 {
125
  padding-top: 2em;
126
  }
127
 
128
+ .tabbycards .card {
129
+ background-color: #4e426c;
 
 
 
 
130
  }
131
 
132
+ .tabbycards .card:hover {
133
+ background-color: #bf461d
 
 
 
134
  }
includes/admin.php CHANGED
@@ -48,10 +48,10 @@ function cc_tabby_menu() {
48
  function cc_register_tabby_settings() {
49
 
50
  //* Assign default values
51
- add_option( 'cc_tabby_default_styles', 1 );
52
 
53
  //* register the settings
54
- register_setting( 'tabby-settings', 'cc_tabby_default_styles' );
55
  }
56
 
57
  function cc_tabby_settings_page() {
@@ -72,13 +72,13 @@ function cc_tabby_settings_page() {
72
  <p><?php esc_attr_e( 'If you are using a custom set of tabby styles in your child theme or elsewhere, uncheck the checkbox below to remove the default tabby stylesheet.' ) ?></p>
73
  <form method="post" action="options.php">
74
 
75
- <?php settings_fields( 'tabby-settings' ); ?>
76
- <?php do_settings_sections( 'tabby-settings' ); ?>
77
 
78
  <label for="cc_tabby_default_styles"><?php esc_attr_e( 'Include the default tabby stylesheet:' ) ?></label>
79
- <input type="checkbox" name="cc_tabby_default_styles" value=1 <?php checked( 1, get_option('cc_tabby_default_styles'), 1 ); ?> />
80
- <?php submit_button( $text = "Save Change", $type = 'primary' ); ?>
81
  </form>
 
82
  <p>To customise how your tabs display, either:
83
  <ul>
84
  <li>Uncheck the option above, copy the css rules from the <a href="<?php echo CC_TABBY_PLUGIN_URL . 'css/tabby.css'; ?>" target="_blank">tabby stylesheet</a> into your child theme's stylesheet or the custom css section of the WordPress customizer, and edit the css there.</li>
@@ -182,12 +182,6 @@ This is the content of the third tab.
182
  <a href="https://cubecolour.co.uk/contact/" class="button button-primary"><?php esc_attr_e( 'Request quote' ) ?></a>
183
  </p>
184
  </li>
185
- <!- - - - - - - ->
186
- <li class="card tabbycat"></li>
187
- <!- - - - - - - ->
188
- <li class="card tabbycat">
189
- <img src="<?php echo CC_TABBY_PLUGIN_URL . 'images/tabby.png'; ?>">
190
- </li>
191
  <!- - - - - - - ->
192
  </ul>
193
 
48
  function cc_register_tabby_settings() {
49
 
50
  //* Assign default values
51
+ add_option( 'cc_tabby_default_styles', '1' );
52
 
53
  //* register the settings
54
+ register_setting( 'cc-tabby-group', 'cc_tabby_default_styles' );
55
  }
56
 
57
  function cc_tabby_settings_page() {
72
  <p><?php esc_attr_e( 'If you are using a custom set of tabby styles in your child theme or elsewhere, uncheck the checkbox below to remove the default tabby stylesheet.' ) ?></p>
73
  <form method="post" action="options.php">
74
 
75
+ <?php settings_fields( 'cc-tabby-group' ); ?>
76
+ <?php do_settings_sections( 'cc-tabby-group' ); ?>
77
 
78
  <label for="cc_tabby_default_styles"><?php esc_attr_e( 'Include the default tabby stylesheet:' ) ?></label>
79
+ <input type="checkbox" name="cc_tabby_default_styles" value="1" <?php checked( get_option('cc_tabby_default_styles'), 1 ); ?> />
 
80
  </form>
81
+ <?php submit_button( $text = "Save Change", $type = 'primary' ); ?>
82
  <p>To customise how your tabs display, either:
83
  <ul>
84
  <li>Uncheck the option above, copy the css rules from the <a href="<?php echo CC_TABBY_PLUGIN_URL . 'css/tabby.css'; ?>" target="_blank">tabby stylesheet</a> into your child theme's stylesheet or the custom css section of the WordPress customizer, and edit the css there.</li>
182
  <a href="https://cubecolour.co.uk/contact/" class="button button-primary"><?php esc_attr_e( 'Request quote' ) ?></a>
183
  </p>
184
  </li>
 
 
 
 
 
 
185
  <!- - - - - - - ->
186
  </ul>
187
 
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: numeeja
3
  Donate link: http://cubecolour.co.uk/wp
4
  Tags: tabs, tab, responsive, accordion, shortcode
5
  Tested up to: 5.9
6
- Stable tag: 1.3.1
7
  License: GPLv2
8
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
9
  License of javascript:
@@ -295,18 +295,13 @@ For more details please see: [Tabby Link to Tab plugin](http://cubecolour.co.uk/
295
 
296
  = 1.3.1 =
297
  * Fixed issue with the option value saving
298
- * using target url parameter overrides open shortcode parameter for which tab is to be open on page load
299
- * Shortcode parameters now used in array, not extracted
300
- * Priority of tabbytrigger can be changed by adding 'priority' shortcode parameter with an appropriate value
301
- * Priority of tabbytrigger changed to 30 by default to prevent breakage on pages created with gutenberg
302
- * ico shortcode parameter added to enable custom icons to be added without adding font-awesome prefixes
303
 
304
  = 1.3.0 =
305
  * using target url parameter overrides open shortcode parameter for which tab is to be open on page load
306
  * Shortcode parameters now used in array, not extracted
307
- * Priority of tabbytrigger can be changed by adding 'priority' shortcode parameter with an appropriate value
308
- * Priority of tabbytrigger changed to 30 by default to prevent breakage on pages created with gutenberg
309
- * ico shortcode parameter added to enable custom icons to be added without adding font-awesome prefixes
310
 
311
  = 1.2.3 =
312
 
3
  Donate link: http://cubecolour.co.uk/wp
4
  Tags: tabs, tab, responsive, accordion, shortcode
5
  Tested up to: 5.9
6
+ Stable tag: 1.3.0
7
  License: GPLv2
8
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
9
  License of javascript:
295
 
296
  = 1.3.1 =
297
  * Fixed issue with the option value saving
 
 
 
 
 
298
 
299
  = 1.3.0 =
300
  * using target url parameter overrides open shortcode parameter for which tab is to be open on page load
301
  * Shortcode parameters now used in array, not extracted
302
+ * Priority of tabbytrigger changed to 30 by default to prevent breakage on pages created with the WordPress block editor. Prority can be changed by adding 'priority' shortcode parameter with an appropriate value
303
+ * ico shortcode parameter added to enable custom icons to be added without adding font-awesome prefixes.
304
+ * replaced tabbytrigger function - now uses wp_add_inline_script
305
 
306
  = 1.2.3 =
307
 
tabby-responsive-tabs.php CHANGED
@@ -4,7 +4,7 @@ Plugin Name: Tabby Responsive Tabs
4
  Plugin URI: https://cubecolour.co.uk/tabby-responsive-tabs
5
  Description: Create responsive tabs inside your posts, pages or custom post types by adding simple shortcodes. An easy to use admin page can be added to customise the tab styles with the optional Tabby Responsive Tabs Customiser add-on plugin.
6
  Author: cubecolour
7
- Version: 1.3.1
8
  Requires at least: 5.0
9
  Requires PHP: 5.6
10
  Author URI: https://cubecolour.co.uk
@@ -222,7 +222,7 @@ add_shortcode( 'tabby', 'cc_shortcode_tabby' );
222
  function cc_shortcode_tabbyending( $atts, $content = null ) {
223
 
224
  //* add screen styles, but only if the customiser or a custom styles plugin is not active
225
- if ( ( !function_exists( 'cc_remove_tabby_default_css' ) ) && ( !function_exists( 'cc_remove_tabby_default_style' ) ) && ( 1 == get_option( 'cc_tabby_default_styles' ) ) ) {
226
  wp_enqueue_style( 'tabby' );
227
  }
228
 
@@ -237,7 +237,7 @@ function cc_shortcode_tabbyending( $atts, $content = null ) {
237
 
238
  $GLOBALS["reset_firsttab_flag"] = TRUE;
239
 
240
- return '</div></div>' . ( get_option( 'cc_tabby_default_styles' ) ) ;
241
  }
242
 
243
  add_shortcode( 'tabbyending', 'cc_shortcode_tabbyending' );
4
  Plugin URI: https://cubecolour.co.uk/tabby-responsive-tabs
5
  Description: Create responsive tabs inside your posts, pages or custom post types by adding simple shortcodes. An easy to use admin page can be added to customise the tab styles with the optional Tabby Responsive Tabs Customiser add-on plugin.
6
  Author: cubecolour
7
+ Version: 1.3.0
8
  Requires at least: 5.0
9
  Requires PHP: 5.6
10
  Author URI: https://cubecolour.co.uk
222
  function cc_shortcode_tabbyending( $atts, $content = null ) {
223
 
224
  //* add screen styles, but only if the customiser or a custom styles plugin is not active
225
+ if ( ( !function_exists( 'cc_remove_tabby_default_css' ) ) && ( !function_exists( 'cc_remove_tabby_default_style' ) ) ) {
226
  wp_enqueue_style( 'tabby' );
227
  }
228
 
237
 
238
  $GLOBALS["reset_firsttab_flag"] = TRUE;
239
 
240
+ return '</div></div>';
241
  }
242
 
243
  add_shortcode( 'tabbyending', 'cc_shortcode_tabbyending' );