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

Update styles to remove hheight calc and negative margin h4x

This commit is contained in:
David Levin 2018-11-29 13:49:45 -08:00
parent 4bfea20e56
commit f2f8ebebe1
1 changed files with 0 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -323,11 +323,8 @@ $inner-border: $core-grey-light-500;
.woocommerce-summary__item { .woocommerce-summary__item {
display: block; display: block;
margin-top: -1px;
height: calc(100% + 1px); // prevents 1px jump on focus due to double border issue below
padding: $spacing; padding: $spacing;
background-color: $core-grey-light-100; background-color: $core-grey-light-100;
box-shadow: inset 0 1px 0 0 $outer-border;
border-bottom: 1px solid $outer-border; border-bottom: 1px solid $outer-border;
border-right: 1px solid $inner-border; border-right: 1px solid $inner-border;
text-decoration: none; text-decoration: none;
@ -342,19 +339,13 @@ $inner-border: $core-grey-light-500;
&:focus { &:focus {
// !important to override button styles // !important to override button styles
margin-top: -1px;
height: calc(100% + 1px); // Hack to avoid double border
box-shadow: inset -1px -1px 0 $core-grey-dark-300, inset 1px 1px 0 $core-grey-dark-300 !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
margin-top: -1px;
height: calc(100% + 1px); // Hack to avoid double border
box-shadow: inset -1px -1px 0 $core-grey-dark-300, inset 1px 0 0 $core-grey-dark-300, 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;
} }
} }