Plugin Directory

Changeset 2819595


Ignore:
Timestamp:
11/17/2022 09:54:47 AM (3 years ago)
Author:
reholmes27
Message:
  • NEW: Add option to set size of bottom border width
  • NEW: Add tabindex to tabs for accessibility- ADD: Add height 100% to vertical tabs list
Location:
responsive-accordion-tabs/trunk
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • responsive-accordion-tabs/trunk/assets/css/custom-styles.css

    r2744117 r2819595  
    1 
     1               
    22.accordion-tabs.custom {
    3     color: #fff!important;
    4     background-color: #777!important;
     3    color: #000 !important;
     4    background-color: transparent!important;
    55}
    66
    77.accordion-tabs.custom .tabs-tab-list,
    88.accordion-tabs.custom .accordion-trigger {
    9     border-bottom: 1px solid #dee4ec!important;
    10     background-color: #333!important;
     9    background-color: rgb(238,238,34)!important;
     10}
     11.accordion-tabs.custom.vertical .tabs-tab-list {
     12    flex-basis: 30%!important;
     13}
     14.accordion-tabs.custom.vertical .tabs-tab-list li {
     15  border-bottom: 1px solid #dee4ec!important;
    1116}
    1217.accordion-tabs.custom .tabs-trigger,
    1318.accordion-tabs.custom .accordion-trigger {
    14     color: #fff!important;
     19    color: rgb(84,145,137)!important;
    1520}
    1621.accordion-tabs.custom .tabs-trigger:hover,
     
    4247    border-top: 2px solid #eee!important;
    4348}
    44 .tabs-panel:not(:last-child) {
    45     border-bottom: 1px solid #eee!important;
    46 }
    47 
     49       
  • responsive-accordion-tabs/trunk/assets/js/a11y-accordion-tabs.js

    r2744117 r2819595  
    233233
    234234    AccordionTabs.prototype._show = function (index, userInvoked) {
    235         this.tabPanels[index].removeAttribute('tabindex');
    236 
    237         this.tabTriggers[index].removeAttribute('tabindex');
     235
    238236        this.tabTriggers[index].classList.add('is-selected');
    239237        this.tabTriggers[index].setAttribute('aria-selected', true);
     
    258256        this.tabTriggers[index].classList.remove('is-selected');
    259257        this.tabTriggers[index].setAttribute('aria-selected', false);
    260         this.tabTriggers[index].setAttribute('tabindex', -1);
    261258
    262259        this.accordionTriggers[index].setAttribute('aria-expanded', false);
     
    270267        this.tabPanels[index].classList.remove('is-open');
    271268        this.tabPanels[index].classList.add('is-hidden');
    272         this.tabPanels[index].setAttribute('tabindex', -1);
    273269    };
    274270
     
    323319            this.tabTriggers[i].classList.remove('is-selected');
    324320            this.tabTriggers[i].removeAttribute('aria-selected');
    325             this.tabTriggers[i].removeAttribute('tabindex');
    326321
    327322            this.tabPanels[i].classList.remove('is-hidden');
    328323            this.tabPanels[i].removeAttribute('aria-hidden');
    329             this.tabPanels[i].removeAttribute('tabindex');
    330324
    331325            this.tabTriggers[i].removeEventListener(
  • responsive-accordion-tabs/trunk/includes/admin/settings/class-styles.php

    r2747438 r2819595  
    2222        add_settings_section( 'ratabs_settings_styles_group_section', 'Custom Styles', array( $this, 'ratabs_settings_styles_text' ), 'ratabs-settings-styles-group' );
    2323       
    24         add_settings_field( 'ratabs_settings_styles_tabs_list', 'Tabs List / Accordion Headings', array( $this, 'ratabs_settings_styles_empty' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
     24        add_settings_field( 'ratabs_settings_styles_tabs_list', '<h3>Tabs List / Accordion Headings</h3>', array( $this, 'ratabs_settings_styles_empty' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    2525        add_settings_field( 'ratabs_settings_styles_tabs_list_bg_colour', 'Background Colour:', array( $this, 'ratabs_settings_styles_tabs_list_bg_colour' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    2626        add_settings_field( 'ratabs_settings_styles_tabs_list_bb_colour', 'Bottom Border Colour:', array( $this, 'ratabs_settings_styles_tabs_list_bb_colour' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    27        
    28         add_settings_field( 'ratabs_settings_styles_tabs', 'Tabs / Accordions', array( $this, 'ratabs_settings_styles_empty' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
     27        add_settings_field( 'ratabs_settings_styles_tabs_list_bb_width', 'Bottom Border Width:', array( $this, 'ratabs_settings_styles_tabs_list_bb_width' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
     28       
     29        add_settings_field( 'ratabs_settings_styles_tabs', '<h3>Tabs / Accordions</h3>', array( $this, 'ratabs_settings_styles_empty' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    2930        add_settings_field( 'ratabs_settings_styles_tabs_text_colour', 'Text Colour:', array( $this, 'ratabs_settings_styles_tabs_text_colour' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    3031        add_settings_field( 'ratabs_settings_styles_tabs_text_hover_colour', 'Text Hover Colour:', array( $this, 'ratabs_settings_styles_tabs_text_hover_colour' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
     
    3233        add_settings_field( 'ratabs_settings_styles_tabs_selected_bg_colour', 'Selected Background Colour:', array( $this, 'ratabs_settings_styles_tabs_selected_bg_colour' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    3334       
    34         add_settings_field( 'ratabs_settings_styles_content', 'Content Section', array( $this, 'ratabs_settings_styles_empty' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
     35        add_settings_field( 'ratabs_settings_styles_content', '<h3>Content Section</h3>', array( $this, 'ratabs_settings_styles_empty' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    3536        add_settings_field( 'ratabs_settings_styles_content_text_colour', 'Text Colour:', array( $this, 'ratabs_settings_styles_content_text_colour' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    3637        add_settings_field( 'ratabs_settings_styles_content_header_colour', 'Header Text Colour:', array( $this, 'ratabs_settings_styles_content_header_colour' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
     
    4041        add_settings_field( 'ratabs_settings_styles_content_top_border_colour', 'Top Border Colour:', array( $this, 'ratabs_settings_styles_content_top_border_colour' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    4142       
     43        add_settings_field( 'ratabs_settings_styles_vertical', '<h3>Vertical Tab Section</h3>', array( $this, 'ratabs_settings_styles_empty' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
     44        add_settings_field( 'ratabs_settings_styles_vertical_list_width', 'Tab List Width:', array( $this, 'ratabs_settings_styles_vertical_list_width' ), 'ratabs-settings-styles-group', 'ratabs_settings_styles_group_section');
    4245    }
    4346   
    4447    public function ratabs_settings_styles_text() {
    45         echo "<p>To customise the accordion tabs to match your theme you can update colours below and then seelct 'Custom' as the theme option.</p>";
     48        echo "<p>To customise the accordion tabs to match your theme you can update colours below and then select 'Custom' as the theme option.</p>";
    4649        echo "<p>If you would like to request additional options are included here, please email <a href='mailto:support@ampersandstudio.uk'>support@ampersandstudio.uk</a> with your requirements.</p>";
    4750    }
     
    6164    }
    6265   
     66    public function ratabs_settings_styles_tabs_list_bb_width() {
     67        $options = get_option( 'ratabs_settings_styles' );
     68        echo "<input id='ratabs_settings_styles_tabs_list_bb_width' name='ratabs_settings_styles[tabs_list_bb_width]' type='text' value='".( isset( $options['tabs_list_bb_width'] ) ? esc_attr( $options['tabs_list_bb_width'] ) : '' )."' placeholder='Default: 1px' />";
     69    }
     70   
    6371    public function ratabs_settings_styles_tabs_text_colour() {
    6472        $options = get_option( 'ratabs_settings_styles' );
     
    109117        $options = get_option( 'ratabs_settings_styles' );
    110118        echo "<input id='ratabs_settings_styles_content_top_border_colour' name='ratabs_settings_styles[content_top_border_colour]' type='text' class='ratabs-colour-picker' value='".( isset( $options['content_top_border_colour'] ) ? esc_attr( $options['content_top_border_colour'] ) : '' )."' data-alpha-enabled='true' />";
     119    }
     120   
     121    public function ratabs_settings_styles_vertical_list_width() {
     122        $options = get_option( 'ratabs_settings_styles' );
     123        echo "<input id='ratabs_settings_styles_vertical_list_width' name='ratabs_settings_styles[tabs_list_vertical_width]' type='text' value='".( isset( $options['tabs_list_vertical_width'] ) ? esc_attr( $options['tabs_list_vertical_width'] ) : '' )."' placeholder='Default: 20%' />";
    111124    }
    112125   
     
    144157    background-color: <?php echo ( !empty( $input['tabs_list_bg_colour'] ) ? esc_attr( $input['tabs_list_bg_colour'] ) : "#eee" ); ?>!important;
    145158}
    146 .accordion-tabs.custom.vertical .tabs-tab-list li {
    147   border-bottom: 1px solid <?php echo ( !empty( $input['tabs_list_bb_colour'] ) ? esc_attr( $input['tabs_list_bb_colour'] ) : "#dee4ec" ); ?>!important;
     159.accordion-tabs.custom.vertical .tabs-tab-list {
     160    flex-basis: <?php echo ( !empty( $input['tabs_list_vertical_width'] ) ? esc_attr( $input['tabs_list_vertical_width'] ) : "20%" ); ?>!important;
     161}
     162.accordion-tabs.custom.vertical.tabs-allowed .tabs-tab-list li {
     163  border-bottom: <?php echo ( !empty( $input['tabs_list_bb_width'] ) ? esc_attr( $input['tabs_list_bb_width'] ) : "1px" ); ?> solid <?php echo ( !empty( $input['tabs_list_bb_colour'] ) ? esc_attr( $input['tabs_list_bb_colour'] ) : "#dee4ec" ); ?>!important;
    148164}
    149165.accordion-tabs.custom .tabs-trigger,
  • responsive-accordion-tabs/trunk/includes/blocks/build/style-index.css

    r2744117 r2819595  
    1 .accordion-tabs-wrapper{text-align:center}.accordion-tabs{border-radius:6px}.accordion-tabs.light{background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,.2),0 0 0 8px #ccc,0 0 200px 30px hsla(0,0%,80%,.801);color:#777}.accordion-tabs.light .tabs-trigger.is-selected,.accordion-tabs.light .tabs-trigger.is-selected:focus,.accordion-tabs.light .tabs-trigger.is-selected:hover{background-color:#ccc}.accordion-tabs.light.vertical .tabs-tab-list li{border-bottom:1px solid #dee4ec}.accordion-tabs.light.vertical .tabs-tab-list li:first-of-type{border-top:1px solid #dee4ec}.accordion-tabs.light.vertical .tabs-allowed{border-top:2px solid #eee}.accordion-tabs.dark{background-color:#777;box-shadow:0 0 12px rgba(0,0,0,.2),0 0 0 8px #000,0 0 200px 30px hsla(0,0%,44%,.6);color:#fff}.accordion-tabs.dark h1,.accordion-tabs.dark h2,.accordion-tabs.dark h3,.accordion-tabs.dark h4,.accordion-tabs.dark h5,.accordion-tabs.dark h6{color:#fff;font-weight:700;text-decoration:underline}.accordion-tabs.dark .tabs-tab-list{background-color:#333;border-bottom:1px solid #dee4ec}.accordion-tabs.dark .tabs-trigger{color:#fff}.accordion-tabs.dark .tabs-trigger:hover{color:#ccc!important}.accordion-tabs.dark .tabs-trigger.is-selected,.accordion-tabs.dark .tabs-trigger.is-selected:focus,.accordion-tabs.dark .tabs-trigger.is-selected:hover{background-color:#000;color:#fff}.accordion-tabs.dark.vertical .tabs-tab-list li{border-bottom:1px solid #dee4ec}.accordion-tabs.dark.vertical .tabs-tab-list li:first-of-type{border-top:1px solid #dee4ec}.accordion-tabs.dark.vertical .tabs-allowed{border-top:2px solid #eee}.accordion-tabs.dark .section-text a{color:#ccc}.accordion-tabs.dark .section-text a:hover{color:#fff;text-decoration:underline}.accordion-tabs.transparent{background-color:transparent;color:inherit}.accordion-tabs.transparent .tabs-tab-list{border-bottom:1px solid #dee4ec}.accordion-tabs.transparent .tabs-trigger{color:#666}.accordion-tabs.transparent .tabs-trigger:hover{color:#000}.accordion-tabs.transparent .tabs-trigger.is-selected,.accordion-tabs.transparent .tabs-trigger.is-selected:focus,.accordion-tabs.transparent .tabs-trigger.is-selected:hover{background-color:#000;color:#fff}.accordion-tabs.transparent.vertical .tabs-tab-list li{border-bottom:1px solid #dee4ec}.accordion-tabs.transparent.vertical .tabs-tab-list li:first-of-type{border-top:1px solid #dee4ec}.accordion-tabs.transparent.vertical .tabs-allowed{border-top:2px solid #eee}.accordion-tabs.vertical.tabs-allowed{display:flex}.accordion-tabs section .content{display:flex;flex-wrap:wrap;justify-content:center}.accordion-tabs section .content .section-image{flex:0 0 100%;margin:5px;text-align:center}.accordion-tabs section .content .section-text{flex:0 0 100%;margin:5px;text-align:left}.accordion-tabs section .content .section-text.no-image{flex:0 0 100%}.accordion-tabs .tabs-tab-list{align-items:center;border-radius:6px;display:flex;justify-content:space-around;list-style:none;margin:0;min-width:75%;width:auto}.accordion-tabs.vertical .tabs-tab-list{border-bottom:0;flex:1 0 20%;flex-direction:column;justify-content:start;min-width:auto}.accordion-tabs.vertical .tabs-tab-list li{width:100%}.accordion-tabs.vertical:not(.tabs-allowed) .tabs-tab-list li{border-bottom:none;border-top:none}.tabs-tab-list li{margin:0}.tabs-trigger{display:none;font-weight:400;padding:15px 20px;text-decoration:none}.tabs-trigger,.tabs-trigger:hover{border-bottom:none}.tabs-trigger.is-selected,.tabs-trigger.is-selected:focus,.tabs-trigger.is-selected:hover{border-radius:50px;padding:10px 20px}.tabs-trigger:active{outline:none}.accordion-tabs.vertical .tabs-trigger.is-selected,.accordion-tabs.vertical .tabs-trigger.is-selected:focus,.accordion-tabs.vertical .tabs-trigger.is-selected:hover{border-radius:unset}.tabs-panel{display:block;margin:0;padding:0}.tabs-allowed .tabs-panel:first-of-type,.tabs-panel:not(:first-of-type){border-top:2px solid #eee}.accordion-tabs.vertical.tabs-allowed .tabs-panel{border-top:none}.tabs-panel:not(:last-child){border-bottom:1px solid #eee;border-bottom:none}.tabs-panel .content{margin-top:10px;padding:20px}.accordion-tabs.transparent.vertical .tabs-panel .content{margin-top:0;padding:0 20px}.tabs-panel.is-hidden .content{display:none}.tabs-panel:active,.tabs-panel:focus{outline:none}.accordion-trigger{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px}.accordion-trigger-icon{pointer-events:none}@media(min-width:40em){.is-initialized.tabs-allowed .tabs-panel{display:inherit}.tabs-allowed .accordion-trigger{display:none}.tabs-allowed .tabs-trigger{display:block}.tabs-allowed .tabs-panel,.tabs-allowed .tabs-panel.is-hidden{display:none}.tabs-allowed .tabs-tab-list{margin-bottom:-2px}.accordion-tabs section .content .section-image{flex:1}.accordion-tabs section .content .section-image img{position:-webkit-sticky;position:sticky;top:100px}.accordion-tabs section .content .section-text{flex:2}}.accordion-trigger:after{font-family:dashicons;font-size:1.5rem}.accordion-trigger[aria-expanded=false]:after{content:""}.accordion-trigger[aria-expanded=true]:after{content:""}[aria-expanded=true] .vert{display:none}.label--close,.label--open{clip:rect(0 0 0 0);border:0;display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.is-open .label--open,.label--close{display:none}.is-open .label--close{display:block}
     1.accordion-tabs-wrapper{text-align:center}.accordion-tabs{border-radius:6px}.accordion-tabs.light{background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,.2),0 0 0 8px #ccc,0 0 200px 30px hsla(0,0%,80%,.801);color:#777}.accordion-tabs.light .tabs-trigger.is-selected,.accordion-tabs.light .tabs-trigger.is-selected:focus,.accordion-tabs.light .tabs-trigger.is-selected:hover{background-color:#ccc}.accordion-tabs.light.vertical .tabs-tab-list li{border-bottom:1px solid #dee4ec}.accordion-tabs.light.vertical .tabs-tab-list li:first-of-type{border-top:1px solid #dee4ec}.accordion-tabs.light.vertical .tabs-allowed{border-top:2px solid #eee}.accordion-tabs.dark{background-color:#777;box-shadow:0 0 12px rgba(0,0,0,.2),0 0 0 8px #000,0 0 200px 30px hsla(0,0%,44%,.6);color:#fff}.accordion-tabs.dark h1,.accordion-tabs.dark h2,.accordion-tabs.dark h3,.accordion-tabs.dark h4,.accordion-tabs.dark h5,.accordion-tabs.dark h6{color:#fff;font-weight:700;text-decoration:underline}.accordion-tabs.dark .tabs-tab-list{background-color:#333;border-bottom:1px solid #dee4ec}.accordion-tabs.dark .tabs-trigger{color:#fff}.accordion-tabs.dark .tabs-trigger:hover{color:#ccc!important}.accordion-tabs.dark .tabs-trigger.is-selected,.accordion-tabs.dark .tabs-trigger.is-selected:focus,.accordion-tabs.dark .tabs-trigger.is-selected:hover{background-color:#000;color:#fff}.accordion-tabs.dark.vertical .tabs-tab-list li{border-bottom:1px solid #dee4ec}.accordion-tabs.dark.vertical .tabs-tab-list li:first-of-type{border-top:1px solid #dee4ec}.accordion-tabs.dark.vertical .tabs-allowed{border-top:2px solid #eee}.accordion-tabs.dark .section-text a{color:#ccc}.accordion-tabs.dark .section-text a:hover{color:#fff;text-decoration:underline}.accordion-tabs.transparent{background-color:transparent;color:inherit}.accordion-tabs.transparent .tabs-tab-list{border-bottom:1px solid #dee4ec}.accordion-tabs.transparent .tabs-trigger{color:#666}.accordion-tabs.transparent .tabs-trigger:hover{color:#000}.accordion-tabs.transparent .tabs-trigger.is-selected,.accordion-tabs.transparent .tabs-trigger.is-selected:focus,.accordion-tabs.transparent .tabs-trigger.is-selected:hover{background-color:#000;color:#fff}.accordion-tabs.transparent.vertical .tabs-tab-list li{border-bottom:1px solid #dee4ec}.accordion-tabs.transparent.vertical .tabs-tab-list li:first-of-type{border-top:1px solid #dee4ec}.accordion-tabs.transparent.vertical .tabs-allowed{border-top:2px solid #eee}.accordion-tabs.vertical.tabs-allowed{display:flex}.accordion-tabs section .content{display:flex;flex-wrap:wrap;justify-content:center}.accordion-tabs section .content .section-image{flex:0 0 100%;margin:5px;text-align:center}.accordion-tabs section .content .section-text{flex:0 0 100%;margin:5px;text-align:left}.accordion-tabs section .content .section-text.no-image{flex:0 0 100%}.accordion-tabs .tabs-tab-list{align-items:center;border-radius:6px;display:flex;justify-content:space-around;list-style:none;margin:0;min-width:75%;width:auto}.accordion-tabs.vertical .tabs-tab-list{border-bottom:0;flex:0 0 20%;flex-direction:column;justify-content:start;min-width:auto;height:100%}.accordion-tabs.vertical .tabs-tab-list li{width:100%}.accordion-tabs.vertical:not(.tabs-allowed) .tabs-tab-list li{border-bottom:none;border-top:none}.tabs-tab-list li{margin:0}.tabs-trigger{display:none;font-weight:400;padding:15px 20px;text-decoration:none}.tabs-trigger,.tabs-trigger:hover{border-bottom:none}.tabs-trigger.is-selected,.tabs-trigger.is-selected:focus,.tabs-trigger.is-selected:hover{border-radius:50px;padding:15px 20px}.tabs-trigger:active{outline:none}.accordion-tabs.vertical .tabs-trigger.is-selected,.accordion-tabs.vertical .tabs-trigger.is-selected:focus,.accordion-tabs.vertical .tabs-trigger.is-selected:hover{border-radius:unset}.tabs-panel{display:block;margin:0;padding:0}.tabs-allowed .tabs-panel:first-of-type,.tabs-panel:not(:first-of-type){border-top:2px solid #eee}.accordion-tabs.vertical.tabs-allowed .tabs-panel{border-top:none}.tabs-panel:not(:last-child){border-bottom:1px solid #eee;border-bottom:none}.tabs-panel .content{margin-top:10px;padding:20px}.accordion-tabs.transparent.vertical .tabs-panel .content{margin-top:0;padding:0 20px}.tabs-panel.is-hidden .content{display:none}.tabs-panel:active,.tabs-panel:focus{outline:none}.accordion-trigger{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px}.accordion-trigger-icon{pointer-events:none}@media(min-width:40em){.is-initialized.tabs-allowed .tabs-panel{display:inherit}.tabs-allowed .accordion-trigger{display:none}.tabs-allowed .tabs-trigger{display:block}.tabs-allowed .tabs-panel,.tabs-allowed .tabs-panel.is-hidden{display:none}.tabs-allowed .tabs-tab-list{margin-bottom:-2px}.accordion-tabs section .content .section-image{flex:1}.accordion-tabs section .content .section-image img{position:-webkit-sticky;position:sticky;top:100px}.accordion-tabs section .content .section-text{flex:2}}.accordion-trigger:after{font-family:dashicons;font-size:1.5rem}.accordion-trigger[aria-expanded=false]:after{content:""}.accordion-trigger[aria-expanded=true]:after{content:""}[aria-expanded=true] .vert{display:none}.label--close,.label--open{clip:rect(0 0 0 0);border:0;display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.is-open .label--open,.label--close{display:none}.is-open .label--close{display:block}
  • responsive-accordion-tabs/trunk/includes/frontend/class-shortcodes.php

    r2814190 r2819595  
    6666<?php           if ( !empty( $tabs_data ) ) { ?>
    6767                    <ul role="tablist" class="tabs-tab-list">
    68 <?php               foreach( $tabs_data as $key => $tab_data ) { ?>
    69                         <li role="presentation"><a href="#section<?php echo esc_attr( $key ); ?>" role="tab" id="tab<?php echo esc_attr( $key ); ?>" aria-controls="section<?php echo esc_attr( $key ); ?>" aria-selected="true" class="tabs-trigger js-tabs-trigger"><?php echo esc_attr( $tab_data["title"] ); ?></a></li>
    70 <?php               } ?>
     68<?php               $index = 10;
     69                    foreach( $tabs_data as $key => $tab_data ) { ?>
     70                        <li role="presentation"><a href="#section<?php echo esc_attr( $key ); ?>" role="tab" id="tab<?php echo esc_attr( $key ); ?>" aria-controls="section<?php echo esc_attr( $key ); ?>" aria-selected="true" class="tabs-trigger js-tabs-trigger" tabindex="<?php echo $index; ?>"><?php echo esc_attr( $tab_data["title"] ); ?></a></li>
     71<?php                   $index++;
     72                    } ?>
    7173                    </ul>
    7274<?php               foreach( $tabs_data as $key => $tab_data ) { ?>
  • responsive-accordion-tabs/trunk/readme.txt

    r2814195 r2819595  
    99Tested up to: 6.1
    1010Requires PHP: 7.4
    11 Stable tag: 1.3.1.4
    12 Version: 1.3.1.4
     11Stable tag: 1.3.2
     12Version: 1.3.2
    1313License: GPLv3 or later
    1414License URI: https://www.gnu.org/licenses/gpl-3.0.html
     
    3636
    3737== Changelog ==
     381.3.2
     39- NEW: Add option to set size of bottom border width
     40- NEW: Add tabindex to tabs for accessibility
     41- ADD: Add height 100% to vertical tabs list
     42
     431.3.1.5
     44- UPDATE: Typo in admin settings page
     45- UPDATE: Add option to set width of vertical tab list
     46- FIX: issue with vertical tab list extending in width
     47
    38481.3.1.4
    3949- UPDATE: Test up to 6.1
  • responsive-accordion-tabs/trunk/responsive-accordion-tabs.php

    r2814195 r2819595  
    1010 *
    1111 * @link             
    12  * @since             1.3.1.4
     12 * @since             1.3.2
    1313 * @package           responsive-accordion-tabs
    1414 *
     
    1717 * Plugin URI:       
    1818 * Description:       Add tabs to your website that convert to accordions on smaller screens
    19  * Version:           1.3.1.4
     19 * Version:           1.3.2
    2020 * Author:            Richard Holmes
    2121 * Author URI:        https://ampersandstudio.uk/
     
    102102);
    103103define( 'RATABS_PLUGIN_FILE', __FILE__ );
    104 define( 'RESPONSIVE_ACCORDION_TABS_PLUGIN_VERSION', '1.3.1.4' );
     104define( 'RESPONSIVE_ACCORDION_TABS_PLUGIN_VERSION', '1.3.2' );
    105105// Define the main autoloader
    106106spl_autoload_register( 'responsive_accordion_tabs_autoloader' );
Note: See TracChangeset for help on using the changeset viewer.