Fix snackbar being too high and covering coupon section (https://github.com/woocommerce/woocommerce-blocks/pull/2255)

* fix snackbar issue

* fix some styles
This commit is contained in:
Seghir Nadir 2020-04-20 14:23:44 +01:00 committed by GitHub
parent 248c552baf
commit 2e9b21ef8a
1 changed files with 5 additions and 5 deletions

View File

@ -27,19 +27,19 @@
.components-snackbar-list {
position: fixed;
bottom: 100px;
left: 100px;
bottom: 20px;
left: 16px;
width: auto;
@include breakpoint( "<600px" ) {
@include breakpoint( "<782px" ) {
position: fixed;
top: 10px;
left: 0;
bottom: auto;
width: fit-content;
}
.components-snackbar-list__notice-container {
@include breakpoint( "<600px" ) {
@include breakpoint( "<782px" ) {
margin-left: 10px;
margin-right: 10px;
}