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

Fix activity panel tabs misaligned in Chrome and Safari (https://github.com/woocommerce/woocommerce-admin/pull/478)

This commit is contained in:
Albert Juhé Lluveras 2018-09-25 22:34:30 +02:00 committed by GitHub
parent 0088581fcb
commit 29cfde2ddd
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce-admin/client/header/activity-panel/style.scss
View File

@ -38,6 +38,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
height: 60px; height: 60px;
justify-content: flex-end;
@include breakpoint( '>1100px' ) { @include breakpoint( '>1100px' ) {
height: 80px; height: 80px;
@ -64,6 +65,7 @@
} }
.woocommerce-layout__activity-panel-tab { .woocommerce-layout__activity-panel-tab {
display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
border: none; border: none;
@ -71,6 +73,8 @@
cursor: pointer; cursor: pointer;
background-color: $white; background-color: $white;
color: $core-grey-dark-500; color: $core-grey-dark-500;
max-width: min-content;
min-width: 80px;
width: 100%; width: 100%;
height: 60px; height: 60px;
border-bottom: 3px solid $white; border-bottom: 3px solid $white;