change snackbar notification postion to bottom-left
This commit is contained in:
parent
5665bc3ee7
commit
87f098cc17
1 changed files with 2 additions and 3 deletions
|
@ -5,7 +5,6 @@
|
||||||
color: var(--snackbar-color-primary);
|
color: var(--snackbar-color-primary);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
left: 0;
|
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
max-width: var(--snack-bar-width);
|
max-width: var(--snack-bar-width);
|
||||||
|
@ -13,8 +12,8 @@
|
||||||
opacity: 0.95;
|
opacity: 0.95;
|
||||||
padding: 14px 20px 10px 20px;
|
padding: 14px 20px 10px 20px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 0;
|
right: $spacing-vertical;
|
||||||
top: $spacing-vertical;
|
bottom: $spacing-vertical;
|
||||||
transition: all var(--transition-duration) var(--transition-type);
|
transition: all var(--transition-duration) var(--transition-type);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 10000; /*hack to get it over react modal */
|
z-index: 10000; /*hack to get it over react modal */
|
||||||
|
|
Loading…
Add table
Reference in a new issue