Skip to content

Commit 20417c3

Browse files
authored
Editor: Move render options from sidebar to menubar. (#32727)
1 parent ac6cc54 commit 20417c3

File tree

7 files changed

+697
-477
lines changed

7 files changed

+697
-477
lines changed

editor/css/main.css

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -784,6 +784,80 @@ select {
784784
background-color: rgba(21,60,94,1);
785785
}
786786

787+
}
788+
789+
/* Dialog */
790+
791+
.Dialog {
792+
position: fixed;
793+
top: 0;
794+
left: 0;
795+
right: 0;
796+
bottom: 0;
797+
z-index: 100;
798+
display: flex;
799+
align-items: center;
800+
justify-content: center;
801+
}
802+
803+
.Dialog-background {
804+
position: absolute;
805+
top: 0;
806+
left: 0;
807+
right: 0;
808+
bottom: 0;
809+
background: rgba(0, 0, 0, 0.5);
810+
}
811+
812+
.Dialog-content {
813+
position: relative;
814+
background: #eee;
815+
min-width: 300px;
816+
max-width: 90%;
817+
max-height: 90%;
818+
overflow: auto;
819+
}
820+
821+
.Dialog-title {
822+
padding: 10px 15px;
823+
color: #666;
824+
text-transform: uppercase;
825+
}
826+
827+
.Dialog-body {
828+
padding: 15px;
829+
}
830+
831+
.Dialog-body .Row {
832+
display: flex;
833+
align-items: center;
834+
min-height: 24px;
835+
margin-bottom: 10px;
836+
}
837+
838+
.Dialog-body .Row .Label {
839+
width: 120px;
840+
color: #888;
841+
}
842+
843+
.Dialog-buttons {
844+
display: flex;
845+
justify-content: flex-end;
846+
margin-top: 15px;
847+
}
848+
849+
@media ( prefers-color-scheme: dark ) {
850+
851+
.Dialog-content {
852+
background: #111;
853+
}
854+
855+
.Dialog-title {
856+
color: #888;
857+
}
858+
859+
860+
787861
}
788862

789863
/* Temporary Chrome fix (#24794) */

0 commit comments

Comments
 (0)