2020-06-10 18:46:19 +00:00
|
|
|
#trash-icon-wrapper {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2020-06-10 22:52:04 +00:00
|
|
|
.modal-container {
|
|
|
|
position: fixed;
|
2020-06-10 18:46:19 +00:00
|
|
|
width: 0;
|
|
|
|
height: 0;
|
2020-06-10 22:52:04 +00:00
|
|
|
background-color: #797979;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal-inactive {
|
2020-06-11 09:49:34 +00:00
|
|
|
width: 0px;
|
|
|
|
height: 0px;
|
|
|
|
transform-origin: bottom right;
|
|
|
|
transform: translate(600px, 500px);
|
2020-06-11 11:02:57 +00:00
|
|
|
transition: all 500ms linear 0s;
|
2020-06-10 18:46:19 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.modal-active {
|
|
|
|
width: 500px;
|
|
|
|
height: 200px;
|
2020-06-10 22:52:04 +00:00
|
|
|
transform-origin: bottom right;
|
|
|
|
transform: translate(-600px, -500px);
|
2020-06-11 11:02:57 +00:00
|
|
|
transition: all 500ms linear 0s;
|
2020-06-10 22:52:04 +00:00
|
|
|
}
|