Changeset 2319827
- Timestamp:
- 06/07/2020 04:09:31 PM (6 years ago)
- Location:
- wp-studio-tabs
- Files:
-
- 23 added
- 7 edited
-
assets/banner-772x250.png (added)
-
tags/1.0.8 (added)
-
tags/1.0.8/css (added)
-
tags/1.0.8/css/style.php (added)
-
tags/1.0.8/css/styles-admin.css (added)
-
tags/1.0.8/css/styles-tabby.css (added)
-
tags/1.0.8/css/styles.css (added)
-
tags/1.0.8/images (added)
-
tags/1.0.8/images/icon-128x128.png (added)
-
tags/1.0.8/images/icon-256x256.png (added)
-
tags/1.0.8/images/wpstudio-logo.png (added)
-
tags/1.0.8/includes (added)
-
tags/1.0.8/includes/custom-css.php (added)
-
tags/1.0.8/includes/manage-page.php (added)
-
tags/1.0.8/includes/metabox.php (added)
-
tags/1.0.8/includes/settings-page.php (added)
-
tags/1.0.8/js (added)
-
tags/1.0.8/js/scripts-admin.js (added)
-
tags/1.0.8/js/scripts-tabby.js (added)
-
tags/1.0.8/js/scripts.js (added)
-
tags/1.0.8/readme.txt (added)
-
tags/1.0.8/wpstudio-tabs.php (added)
-
trunk/css/style.php (modified) (2 diffs)
-
trunk/css/styles-admin.css (modified) (6 diffs)
-
trunk/includes/custom-css.php (added)
-
trunk/includes/metabox.php (modified) (2 diffs)
-
trunk/includes/settings-page.php (modified) (1 diff)
-
trunk/js/scripts-tabby.js (modified) (1 diff)
-
trunk/readme.txt (modified) (2 diffs)
-
trunk/wpstudio-tabs.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
wp-studio-tabs/trunk/css/style.php
r2308436 r2319827 36 36 37 37 if (isset($ids)): 38 38 39 foreach ($ids as $id): 40 39 41 $tabs_section_bg = get_post_meta ($id, 'tabs_section_bg', true); 40 42 $tabs_section_padding_top = get_post_meta ($id, 'tabs_section_padding_top', true); … … 48 50 49 51 $html .= '#wpst-tabset-'.$id.'.tabs-container { background-color: '. $tabs_section_bg .'; padding-top: '. $tabs_section_padding_top .'px; padding-bottom: '. $tabs_section_padding_bottom .'px; }'; 50 $html .= '#wpst-tabset-'.$id.'.tabs-container nav ul li a span { color: '. $tab_font_color .' }'; 51 $html .= '#wpst-tabset-'.$id.'.tabs-container nav ul li { background-color: '. $tab_bg_color .'; }'; 52 $html .= '#wpst-tabset-'.$id.'.tabs-container .tabs nav ul li { border: 1px solid '. $tab_border_color .'; border-bottom: 0 }'; 53 $html .= '#wpst-tabset-'.$id.'.tabs-container .tabs nav ul li.tab-current a span { color: '. $tab_current_font_color .' }'; 54 $html .= '#wpst-tabset-'.$id.'.tabs-container .tabs nav ul li.tab-current { background-color: '. $tab_current_bg_color .' }'; 55 $html .= '#wpst-tabset-'.$id.'.tabs-container .tabs nav ul li.tab-current { border: 1px solid '. $tab_current_border_color .'; border-bottom: 0 }'; 52 53 $html .= '#wpst-tabset-'.$id.'.tabs-container .tabs-menu li a { background-color: '. $tab_bg_color .'; color: '. $tab_font_color .'}'; 54 $html .= '#wpst-tabset-'.$id.'.tabs-container .tabs-menu [aria-selected="false"] { border: 1px solid '. $tab_border_color .'; border-bottom: 0 }'; 55 $html .= '#wpst-tabset-'.$id.'.tabs-container .tabs-menu [aria-selected="true"] { background-color: '. $tab_current_bg_color .'; color: '. $tab_current_font_color .'; border: 1px solid '. $tab_current_border_color .'; border-bottom: 0; }'; 56 56 57 57 endforeach; 58 58 59 endif; 59 60 -
wp-studio-tabs/trunk/css/styles-admin.css
r2308436 r2319827 247 247 #wpstudio__tabs_metabox .inside .wp-picker-holder { 248 248 position: absolute; 249 z-index: 9999; 250 } 251 252 .wp-picker-container .wp-color-result.button { 253 margin-bottom: 0; 249 254 } 250 255 … … 252 257 min-height: 30px; 253 258 margin-left: 6px; 259 } 260 261 #wpstudio__tabs_metabox .inside .wp-picker-input-wrap { 262 width: 100%; 263 position: absolute; 254 264 } 255 265 … … 260 270 } 261 271 272 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table, 273 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table-full { 274 width: 100%; 275 table-layout: fixed; 276 } 277 278 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table th { 279 padding: 0 10px 0 0; 280 } 281 282 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table h3, 283 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table-full h3 { 284 background-color: #eee; 285 padding: 10px; 286 margin-top: 0; 287 margin-bottom: 0; 288 } 289 290 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table-full h3 { 291 text-align: left; 292 } 293 294 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table label { 295 font-weight: 600; 296 } 297 298 #wpstudio__tabs_metabox #wp-simple-tabs-nav textarea { 299 width: 100%; 300 height: 50vh; 301 border: 1px solid #ccc; 302 border-radius: 0; 303 } 304 305 #wpstudio__tabs_metabox #wp-simple-tabs-nav .custom-css { 306 padding-left: 0; 307 } 308 262 309 #wpstudio__tabs_metabox #wp-simple-tabs-nav > .inside, 263 310 #wpstudio__tabs_metabox #wpst-tab-group .wpst-tabs-list-wrap > .inside { … … 268 315 #wpstudio__tabs_metabox #wpst-tab-group .wpst-tabs-list-wrap > .inside { 269 316 background: #f5f5f5; 270 }271 272 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table th {273 width: 240px;274 text-align: right;275 317 } 276 318 … … 630 672 width: 75% 631 673 } 674 675 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table-full { 676 width: 100%; 677 } 632 678 } 633 679 … … 636 682 width: 75% 637 683 } 638 } 684 685 #wpstudio__tabs_metabox #wp-simple-tabs-nav .form-table-full { 686 width: 100%; 687 } 688 } -
wp-studio-tabs/trunk/includes/metabox.php
r2308436 r2319827 11 11 <a class="nav-tab nav-tab-active" href="javascript:;">Manage Tabs</a> 12 12 <a class="nav-tab" href="javascript:;">Tab Settings</a> 13 14 13 </h2> 15 14 16 <?php include_once( 'manage-page.php' ); include_once( 'settings-page.php' ); ?>15 <?php include_once( 'manage-page.php' ); include_once( 'settings-page.php' ); include_once( 'custom-css.php' ); ?> 17 16 18 17 </div> <!-- #wp-simple-tabs-nav --> … … 39 38 'tabs_section_padding_top' => '', 40 39 'tabs_section_padding_bottom' => '', 41 'tab_font_color' => ' #000000',42 'tab_current_font_color' => ' #000000',40 'tab_font_color' => '', 41 'tab_current_font_color' => '', 43 42 'tab_bg_color' => '', 44 43 'tab_current_bg_color' => '', 45 'tab_border_color' => '#000000', 46 'tab_current_border_color' => '#000000' 44 'tab_border_color' => '', 45 'tab_current_border_color' => '', 46 'tabs_custom_css' => '' 47 47 ); 48 48 -
wp-studio-tabs/trunk/includes/settings-page.php
r2308436 r2319827 13 13 $tab_current_border_color = get_post_meta ($post->ID, 'tab_current_border_color', true); ?> 14 14 15 <div class="inside wpst-tab-settings hidden"> 16 <table class="form-table"> 17 <tbody> 18 <tr> 19 <th scope="row"> 20 <label for="tabs_theme">Section Background Color</label> 21 </th> 22 <td> 23 <input type="text" name="tabs_section_bg" id="tabs-section-bg" class="color-field" value="<?= $tabs_section_bg; ?>"/> 24 </td> 25 <th></th> 26 <td></td> 27 </tr> 15 <div class="inside wpst-tab-settings hidden"> 16 <table class="form-table-full"> 17 <tbody> 18 <tr> 19 <th scope="row" colspan="6"> 20 <h3>Tab Group Settings</h3> 21 </th> 22 </tr> 23 </tbody> 24 </table> 28 25 29 <tr> 30 <th scope="row"> 31 <label for="tab_font_color">Tab Background Color</label> 32 </th> 33 <td> 34 <input type="text" name="tab_bg_color" id="tab-bg-color" class="color-field" value="<?= $tab_bg_color; ?>"/> 35 </td> 36 <th scope="row"> 37 <label for="tab_font_color">Active Tab Background Color</label> 38 </th> 39 <td> 40 <input type="text" name="tab_current_bg_color" id="tab-current-bg-color" class="color-field cc-color-picker-field wp-color-picker" value="<?= $tab_current_bg_color; ?>"/> 41 </td> 42 <th scope="row" class="input-small"> 43 <label for="tab_font_color">Section Top Padding</label> 44 </th> 45 <td> 46 <input class="section-padding" type="text" name="tabs_section_padding_top" id="tabs-section-padding-top" value="<?= $tabs_section_padding_top; ?>"/> px 47 </td> 48 </tr> 26 <table class="form-table"> 27 <tbody> 28 <tr> 29 <td style="width:16.6666666667%"> 30 <label for="tabs_section_bg">Section Background Color</label> 31 </td> 32 <td> 33 <input type="text" name="tabs_section_bg" id="tabs-section-bg" class="color-field" value="<?= $tabs_section_bg; ?>"/> 34 </td> 35 </tr> 49 36 50 <tr> 51 <th scope="row"> 52 <label for="tab_font_color">Tab Border Color</label> 53 </th> 54 <td> 55 <input type="text" name="tab_border_color" id="tab-border-color" class="color-field" value="<?= $tab_border_color; ?>"/> 56 </td> 57 <th scope="row"> 58 <label for="tab_font_color">Active Tab Border Color</label> 59 </th> 60 <td> 61 <input type="text" name="tab_current_border_color" id="tab-current-border-color" class="color-field" value="<?= $tab_current_border_color; ?>"/> 62 </td> 37 <tr> 38 <td class="input-small"> 39 <label for="tab_font_color">Section Top Padding</label> 40 </td> 41 <td> 42 <input class="section-padding" type="text" name="tabs_section_padding_top" id="tabs-section-padding-top" value="<?= $tabs_section_padding_top; ?>"/> px 43 </td> 44 </tr> 63 45 64 <th scope="row" class="input-small"> 65 <label for="tab_font_color">Section Bottom Padding</label> 66 </th> 67 <td> 68 <input class="section-padding" type="text" name="tabs_section_padding_bottom" id="tabs-section-padding-bottom" value="<?= $tabs_section_padding_bottom; ?>"/> px 69 </td> 70 </tr> 46 <tr> 47 <td class="input-small"> 48 <label for="tab_font_color">Section Bottom Padding</label> 49 </td> 50 <td> 51 <input class="section-padding" type="text" name="tabs_section_padding_bottom" id="tabs-section-padding-bottom" value="<?= $tabs_section_padding_bottom; ?>"/> px 52 </td> 53 </tr> 54 </tbody> 55 </table> 71 56 72 <tr> 73 <th scope="row"> 74 <label for="tab_font_color">Tab Font Color</label> 75 </th> 76 <td> 77 <input type="text" name="tab_font_color" id="tab-font-color" class="color-field" value="<?= $tab_font_color; ?>"/> 78 </td> 79 <th scope="row"> 80 <label for="tab_font_color">Active Tab Font Color</label> 81 </th> 82 <td> 83 <input type="text" name="tab_current_font_color" id="tab-current-font-color" class="color-field" value="<?= $tab_current_font_color; ?>"/> 84 </td> 85 </tr> 86 </tbody> 87 </table> 88 </div> <!-- .inside --> 57 <table class="form-table-full"> 58 <tbody> 59 <tr> 60 <th scope="row" colspan="6"> 61 <h3>Tab Settings</h3> 62 </th> 63 </tr> 64 </tbody> 65 </table> 66 67 <table class="form-table"> 68 <tbody> 69 <tr> 70 <td scope="row"> 71 <label for="tab_font_color">Tab Background Color</label> 72 </td> 73 <td> 74 <input type="text" name="tab_bg_color" id="tab-bg-color" class="color-field" value="<?= $tab_bg_color; ?>"/> 75 </td> 76 <td scope="row"> 77 <label for="tab_font_color">Active Tab Background Color</label> 78 </td> 79 <td> 80 <input type="text" name="tab_current_bg_color" id="tab-current-bg-color" class="color-field cc-color-picker-field wp-color-picker" value="<?= $tab_current_bg_color; ?>"/> 81 </td> 82 <td scope="row"> 83 <label for="tab_font_color">Tab Border Color</label> 84 </td> 85 <td> 86 <input type="text" name="tab_border_color" id="tab-border-color" class="color-field" value="<?= $tab_border_color; ?>"/> 87 </td> 88 </tr> 89 90 <tr> 91 <td scope="row"> 92 <label for="tab_font_color">Active Tab Border Color</label> 93 </td> 94 <td> 95 <input type="text" name="tab_current_border_color" id="tab-current-border-color" class="color-field" value="<?= $tab_current_border_color; ?>"/> 96 </td> 97 <td scope="row"> 98 <label for="tab_font_color">Tab Font Color</label> 99 </td> 100 <td> 101 <input type="text" name="tab_font_color" id="tab-font-color" class="color-field" value="<?= $tab_font_color; ?>"/> 102 </td> 103 <td scope="row"> 104 <label for="tab_font_color">Active Tab Font Color</label> 105 </td> 106 <td> 107 <input type="text" name="tab_current_font_color" id="tab-current-font-color" class="color-field" value="<?= $tab_current_font_color; ?>"/> 108 </td> 109 </tr> 110 </tbody> 111 </table> 112 </div> <!-- .inside --> -
wp-studio-tabs/trunk/js/scripts-tabby.js
r2306814 r2319827 414 414 // Add event listeners 415 415 document.documentElement.addEventListener('click', clickHandler, true); 416 tabWrapper.addEventListener('keydown', keyHandler, true);416 //tabWrapper.addEventListener('keydown', keyHandler, true); 417 417 418 418 }; -
wp-studio-tabs/trunk/readme.txt
r2308436 r2319827 6 6 Requires at least: 2.9 7 7 Tested up to: 5.4 8 Stable tag: 1.0. 78 Stable tag: 1.0.8 9 9 10 10 WP Studio Tabs allows you to create/manage simple animated tabs for your Wordpress website. … … 28 28 29 29 == Changelog == 30 31 = 1.0.8 = 32 33 * Added new plugin banner to display on Wordpress.org 34 * Changed layout of the settings tab in Pages > Manage Tabs 30 35 31 36 = 1.0.7 = -
wp-studio-tabs/trunk/wpstudio-tabs.php
r2308436 r2319827 5 5 * Plugin URI: http://wp-studio.net 6 6 * Description: WP Studio Tabs allows you to create/manage simple animated tabs for your Wordpress website. 7 * Version: 1.0. 77 * Version: 1.0.8 8 8 * Requires at least: 2.9 9 9 * Author: WP Studio
Note: See TracChangeset
for help on using the changeset viewer.