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

Merge pull request woocommerce/woocommerce-admin#958 from woocommerce/update/summary-number-focus 

Update/summary number focus
This commit is contained in:
David Levin 2018-11-29 13:55:45 -08:00 committed by GitHub
parent 062b3fd529 f2f8ebebe1
commit 3d4ca67f89
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plugins/woocommerce-admin/packages/components/src/summary/style.scss
View File

@ -323,7 +323,6 @@ $inner-border: $core-grey-light-500;
.woocommerce-summary__item { .woocommerce-summary__item {
display: block; display: block;
height: 100%;
padding: $spacing; padding: $spacing;
background-color: $core-grey-light-100; background-color: $core-grey-light-100;
border-bottom: 1px solid $outer-border; border-bottom: 1px solid $outer-border;
@ -340,16 +339,14 @@ $inner-border: $core-grey-light-500;
&:focus { &:focus {
// !important to override button styles // !important to override button styles
box-shadow: inset -2px -2px 0 $black, inset 2px 2px 0 $black !important; box-shadow: inset -1px -1px 0 $core-grey-dark-300, inset 1px 1px 0 $core-grey-dark-300 !important;
} }
&.is-selected { &.is-selected {
margin-top: -1px;
height: calc(100% + 1px); // Hack to avoid double border
&:focus { &:focus {
// !important to override button styles // !important to override button styles
box-shadow: inset -2px -2px 0 $black, inset 2px 2px 0 $black, inset 0 4px 0 $woocommerce !important; box-shadow: inset -1px -1px 0 $core-grey-dark-300, inset 1px 0 0 $core-grey-dark-300, inset 0 4px 0 $woocommerce !important;
} }
} }