mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-09-17 18:26:57 +00:00
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
This commit is contained in:
parent
154a587c87
commit
b8f86fe48f
14 changed files with 570 additions and 180 deletions
67
styles/dialog.scss
Normal file
67
styles/dialog.scss
Normal file
|
@ -0,0 +1,67 @@
|
|||
.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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue