Tweaks tabbed panel plus responsive coupon tabs

This commit is contained in:
Shiva Poudel 2015-04-28 06:51:06 +05:45
parent 679a548bc1
commit 9539fcf476
1 changed files with 12 additions and 9 deletions

View File

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