1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-30 14:38:31 +00:00
FrankerFaceZ/styles/dialog.scss
SirStendec b8f86fe48f 4.0.0-rc8.6
* Fixed: Update Fine to deal with changes to how the React Root is stored in the DOM.

Behind the Scenes

* Working on the UI for Translation Editing
* Refactor some of the main menu dialog logic into a more generic Dialog class
2018-07-24 16:11:02 -04:00

67 lines
No EOL
777 B
SCSS

.ffz-dialog {
&:not(.maximized) {
position: absolute;
top: 25%;
left: 25%;
z-index: 99999999;
height: 50vh;
width: 50vw;
min-width: 640px;
min-height: 300px;
> header {
cursor: move;
}
&.faded {
opacity: 0.5;
&:hover {
opacity: 0.75;
}
}
}
&.maximized {
position: absolute;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
&, .tw-theme--dark & {
border: none !important;
}
> header {
cursor: default;
padding: .9rem 3rem;
}
}
&.exclusive {
z-index: 1000;
}
.want-ps {
overflow-y: auto;
}
> header {
user-select: none;
padding: .9rem 1rem .9rem 2rem;
.tw-search-input {
max-width: 40rem
}
}
}
.ffz-has-dialog > :not(.ffz-dialog) {
visibility: hidden;
}