Tabby Responsive Tabs - Version 1.0.3

Version Description

  • improved theme compatibility with default css
Download this release

Release Info

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

Code changes from version 1.0.2 to 1.0.3

Files changed (3) hide show
  1. css/tabby.css +31 -17
  2. readme.txt +13 -3
  3. tabby-responsive-tabs.php +1 -1
css/tabby.css CHANGED
@@ -33,16 +33,17 @@
33
 
34
  .responsive-tabs .responsive-tabs__list {
35
  font-size: 18px;
36
- margin: 20px 0 11px 0;
 
37
  padding-bottom:0;
38
- line-height: 1;
39
  }
40
 
41
  .responsive-tabs .responsive-tabs__list__item {
42
- padding: 10px 20px 10px;
43
- margin: 0 14px 0 0;
44
  border: 1px solid transparent;
45
  border-bottom: none;
 
 
 
46
  }
47
 
48
  .responsive-tabs .responsive-tabs__list__item:hover {
@@ -51,11 +52,11 @@
51
 
52
  .responsive-tabs .responsive-tabs__list__item--active,
53
  .responsive-tabs .responsive-tabs__list__item--active:hover {
54
- color: #606060;
55
  background: #fff;
56
  border-color: #ddd;
57
  border-top-left-radius: 4px;
58
  border-top-right-radius: 4px;
 
59
  }
60
 
61
  .responsive-tabs .responsive-tabs__panel {
@@ -65,16 +66,28 @@
65
  padding: 20px 20px 0;
66
  }
67
 
68
- /* --- ACCORDION --- */
69
-
70
  @media (min-width: 768px) {
71
- .responsive-tabs .responsive-tabs__panel--closed-accordion-only { display: block; }
 
 
 
72
  }
73
 
 
 
74
  @media (max-width: 767px) {
75
- .responsive-tabs .responsive-tabs__list { display: none; }
76
- .responsive-tabs .responsive-tabs__heading { display: block; cursor: pointer; }
77
- .responsive-tabs .responsive-tabs__panel--closed-accordion-only { display: none; }
 
 
 
 
 
 
 
 
 
78
  }
79
 
80
  @media (max-width: 767px) {
@@ -85,26 +98,27 @@
85
 
86
  .responsive-tabs .responsive-tabs__heading {
87
  background: #fff;
88
- color: #909090;
89
- padding: 10px 0 10px 20px;
90
  border: 1px solid #ddd;
91
  border-top: none;
 
92
  font-size: 18px;
 
 
93
  margin: 0;
94
  position: relative;
95
  }
96
 
97
  .responsive-tabs .responsive-tabs__heading:after {
 
 
 
98
  content:"";
99
  display: block;
100
  position: absolute;
101
  right: 20px;
102
  top: 20px;
103
- width: 0;
104
  height: 0;
105
- border-left: 6px solid transparent;
106
- border-right: 6px solid transparent;
107
- border-top: 6px solid #444;
108
  }
109
 
110
  .responsive-tabs .responsive-tabs__heading:hover {
33
 
34
  .responsive-tabs .responsive-tabs__list {
35
  font-size: 18px;
36
+ line-height: 18px;
37
+ margin: 20px 0 10px 0;
38
  padding-bottom:0;
 
39
  }
40
 
41
  .responsive-tabs .responsive-tabs__list__item {
 
 
42
  border: 1px solid transparent;
43
  border-bottom: none;
44
+ line-height: 1;
45
+ margin: 0 14px 0 0;
46
+ padding: 10px 20px;
47
  }
48
 
49
  .responsive-tabs .responsive-tabs__list__item:hover {
52
 
53
  .responsive-tabs .responsive-tabs__list__item--active,
54
  .responsive-tabs .responsive-tabs__list__item--active:hover {
 
55
  background: #fff;
56
  border-color: #ddd;
57
  border-top-left-radius: 4px;
58
  border-top-right-radius: 4px;
59
+ color: #606060;
60
  }
61
 
62
  .responsive-tabs .responsive-tabs__panel {
66
  padding: 20px 20px 0;
67
  }
68
 
 
 
69
  @media (min-width: 768px) {
70
+
71
+ .responsive-tabs .responsive-tabs__panel--closed-accordion-only {
72
+ display: block;
73
+ }
74
  }
75
 
76
+ /* --- ACCORDION --- */
77
+
78
  @media (max-width: 767px) {
79
+
80
+ .responsive-tabs .responsive-tabs__list {
81
+ display: none;
82
+ }
83
+
84
+ .responsive-tabs .responsive-tabs__heading {
85
+ display: block; cursor: pointer;
86
+ }
87
+
88
+ .responsive-tabs .responsive-tabs__panel--closed-accordion-only {
89
+ display: none;
90
+ }
91
  }
92
 
93
  @media (max-width: 767px) {
98
 
99
  .responsive-tabs .responsive-tabs__heading {
100
  background: #fff;
 
 
101
  border: 1px solid #ddd;
102
  border-top: none;
103
+ color: #909090;
104
  font-size: 18px;
105
+ font-weight: normal;
106
+ padding: 10px 0 10px 20px;
107
  margin: 0;
108
  position: relative;
109
  }
110
 
111
  .responsive-tabs .responsive-tabs__heading:after {
112
+ border-left: 6px solid transparent;
113
+ border-right: 6px solid transparent;
114
+ border-top: 6px solid #444;
115
  content:"";
116
  display: block;
117
  position: absolute;
118
  right: 20px;
119
  top: 20px;
 
120
  height: 0;
121
+ width: 0;
 
 
122
  }
123
 
124
  .responsive-tabs .responsive-tabs__heading:hover {
readme.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: numeeja
3
  Donate link: http://cubecolour.co.uk/wp
4
  Tags: tabs, responsive, shortcode, tab
5
  Requires at least: 3.7
6
- Tested up to: 3.8.1
7
- Stable tag: 1.0.2
8
  License: GPLv2 / MIT
9
 
10
  Tabby enables you to create responsive tabs inside your posts, pages or custom post types by adding simple shortcodes inside the post editor. The tabs transform into an accordion on a viewport 767px wide or less.
@@ -129,7 +129,9 @@ You can donate via [my donation page](http://cubecolour.co.uk/wp/ "cubecolour do
129
 
130
  If you find the plugin useful I would also appreciate a review on the [plugin review page](http://wordpress.org/support/view/plugin-reviews/tabby-reponsive-tabs/ "Tabby Responsive Tabs plugin reviews")
131
 
132
- If the isn't working for you, please read the documentation to check whether your issue is answered already. If your issue is not addressed here, please post a question on the [plugin support forum](http://wordpress.org/support/plugin/tabby-responsive-tabs/ "Tabby Responsive Tabs plugin support forum") so we have an opportunity to try to get it working before you leave a review.
 
 
133
 
134
  == Other Notes ==
135
 
@@ -142,6 +144,10 @@ The plugin is licenced under [GNU GPLv2](http://opensource.org/licenses/GPL-2.0
142
 
143
  == Changelog ==
144
 
 
 
 
 
145
  = 1.0.2 =
146
 
147
  * enqueue plugin js only when needed
@@ -157,6 +163,10 @@ The plugin is licenced under [GNU GPLv2](http://opensource.org/licenses/GPL-2.0
157
 
158
  == Upgrade Notice ==
159
 
 
 
 
 
160
  = 1.0.2 =
161
 
162
  * better efficiency - enqueue plugin js only when needed
3
  Donate link: http://cubecolour.co.uk/wp
4
  Tags: tabs, responsive, shortcode, tab
5
  Requires at least: 3.7
6
+ Tested up to: 3.8.3
7
+ Stable tag: 1.0.3
8
  License: GPLv2 / MIT
9
 
10
  Tabby enables you to create responsive tabs inside your posts, pages or custom post types by adding simple shortcodes inside the post editor. The tabs transform into an accordion on a viewport 767px wide or less.
129
 
130
  If you find the plugin useful I would also appreciate a review on the [plugin review page](http://wordpress.org/support/view/plugin-reviews/tabby-reponsive-tabs/ "Tabby Responsive Tabs plugin reviews")
131
 
132
+ = It doesn't work =
133
+
134
+ If the plugin isn't working for you, please read the documentation to check whether your issue is answered already. If your issue is not addressed here, please post a question on the [plugin support forum](http://wordpress.org/support/plugin/tabby-responsive-tabs/ "Tabby Responsive Tabs plugin support forum") so we have an opportunity to try to get it working before you leave a review.
135
 
136
  == Other Notes ==
137
 
144
 
145
  == Changelog ==
146
 
147
+ = 1.0.3 =
148
+
149
+ * improved theme compatibility with default css
150
+
151
  = 1.0.2 =
152
 
153
  * enqueue plugin js only when needed
163
 
164
  == Upgrade Notice ==
165
 
166
+ = 1.0.3 =
167
+
168
+ * improved theme compatibility with default css
169
+
170
  = 1.0.2 =
171
 
172
  * better efficiency - enqueue plugin js only when needed
tabby-responsive-tabs.php CHANGED
@@ -4,7 +4,7 @@ Plugin Name: Tabby Responsive Tabs
4
  Plugin URI: http://cubecolour.co.uk/tabby-responsive-tabs
5
  Description: Create responsive tabs inside your posts, pages or post types by adding simple shortcodes inside the post editor. The tabs behave like an accordion on smaller screens.
6
  Author: cubecolour
7
- Version: 1.0.2
8
  Author URI: http://cubecolour.co.uk
9
 
10
  Tabby Responsive Tabs WordPress plugin Copyright 2013 Michael Atkins
4
  Plugin URI: http://cubecolour.co.uk/tabby-responsive-tabs
5
  Description: Create responsive tabs inside your posts, pages or post types by adding simple shortcodes inside the post editor. The tabs behave like an accordion on smaller screens.
6
  Author: cubecolour
7
+ Version: 1.0.3
8
  Author URI: http://cubecolour.co.uk
9
 
10
  Tabby Responsive Tabs WordPress plugin Copyright 2013 Michael Atkins