2020-05-09 20:46:06 -07:00
|
|
|
@import 'src/_variables.scss';
|
2020-05-03 07:36:12 -07:00
|
|
|
.settings-modal {
|
2020-05-23 16:06:55 -07:00
|
|
|
overflow: hidden;
|
2020-05-09 20:46:06 -07:00
|
|
|
|
|
|
|
&.peek {
|
2020-05-24 17:14:41 -07:00
|
|
|
.modal-panel {
|
2020-05-23 16:06:55 -07:00
|
|
|
/* Explanation:
|
|
|
|
* Modal is positioned vertically centered.
|
|
|
|
* 100vh - 100% = Distance between modal's top+bottom boundaries and screen
|
|
|
|
* (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen
|
|
|
|
* + 100% - we move modal completely off-screen, it's top boundary touches
|
|
|
|
* bottom of the screen
|
|
|
|
* - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible
|
|
|
|
*/
|
|
|
|
transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));
|
2020-05-09 20:46:06 -07:00
|
|
|
}
|
|
|
|
}
|
2020-05-03 07:36:12 -07:00
|
|
|
}
|