Merge pull request #8056 from shivapoudel/coupon-tabs

Tweaks tabbed panel plus responsive coupon tabs
This commit is contained in:
Claudio Sanches 2015-04-28 14:12:51 -03:00
commit 96c7b169ea
1 changed files with 13 additions and 16 deletions

View File

@ -2450,13 +2450,12 @@ img.help_tip {
} }
ul.wc-tabs { ul.wc-tabs {
background: #fff;
line-height: 1em;
float: left;
width: 20%;
margin: 0; margin: 0;
position: relative; width: 20%;
float: left;
line-height: 1em;
padding: 0 0 10px; padding: 0 0 10px;
position: relative;
background-color: #fafafa; background-color: #fafafa;
border-right: 1px solid #eee; border-right: 1px solid #eee;
box-sizing: border-box; box-sizing: border-box;
@ -2474,16 +2473,18 @@ img.help_tip {
} }
li { li {
display: block;
padding: 0;
margin: 0; margin: 0;
padding: 0;
display: block;
position: relative;
a { a {
padding: 10px;
line-height: 20px !important;
margin: 0; margin: 0;
padding: 10px;
display: block; display: block;
box-shadow: none;
text-decoration: none; text-decoration: none;
line-height: 20px !important;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
&:before { &:before {
@ -2491,12 +2492,6 @@ img.help_tip {
} }
} }
&:first-child {
a {
border-top: 0 !important;
}
}
&.general_options { &.general_options {
a:before { a:before {
content: "\e006"; content: "\e006";
@ -2559,9 +2554,9 @@ img.help_tip {
&.active { &.active {
a { a {
color: #555;
position: relative; position: relative;
background-color: #eee; background-color: #eee;
color: #555;
} }
} }
} }
@ -3995,6 +3990,7 @@ table.bar_chart {
*/ */
@media only screen and (max-width: 900px) { @media only screen and (max-width: 900px) {
#woocommerce-coupon-data ul.coupon_data_tabs,
#woocommerce-product-data ul.product_data_tabs, #woocommerce-product-data ul.product_data_tabs,
#woocommerce-product-data .wc-tabs-back { #woocommerce-product-data .wc-tabs-back {
width: 10%; width: 10%;
@ -4007,6 +4003,7 @@ table.bar_chart {
width: 90%; width: 90%;
} }
#woocommerce-coupon-data ul.coupon_data_tabs li a,
#woocommerce-product-data ul.product_data_tabs li a { #woocommerce-product-data ul.product_data_tabs li a {
position: relative; position: relative;
text-indent: -999px; text-indent: -999px;