Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/css/admin.scss
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 {
@ -3995,6 +3996,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 +4009,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;