Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Graphic upgrade of the global message console

Browse source 
Fix: error if LoginScene doesn't exist
This commit is contained in:
GRL 2021-07-15 15:09:35 +02:00
parent 5f43aeba85
commit e43ea3aa5e
5 changed files with 132 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

119
front/style/svelte-style.scss
View file

@ -1,7 +1,7 @@
//Contains all styles not unique to a svelte component.
//ConsoleGlobalMessage
div.main-console.nes-container {
div.console-global-message.nes-container {
pointer-events: auto;
margin-left: auto;
margin-right: auto;
@ -11,50 +11,111 @@ div.main-console.nes-container {
padding: 0;
background-color: #333333;
.btn-action{
margin: 10px;
text-align: center;
}
.main-global-message {
.console-global-message-main {
width: 100%;
max-height: 100%;
height: 100%;
h2 {
margin-bottom: 20px;
text-align: center;
color: white;
}
.console-global-message-close {
position: absolute;
right: 0;
top: 0;
}
}
.main-global-message h2 {
text-align: center;
color: white;
}
div.global-message {
div.console-global-message-content {
display: flex;
max-height: 100%;
flex-flow: row;
height: calc(100% - (36px + 20px));
width: 100%;
}
div.menu {
flex: auto;
div.console-global-message-menu {
flex: 0 1 auto;
button {
margin: 7px;
}
}
div.menu button {
margin: 7px;
}
.main-input {
.console-global-message-main-input {
flex: 1 1 auto;
display: flex;
flex-direction: column;
height: 100%;
width: 95%;
margin-left: 10px;
margin-right: 10px;
.footer-btn-action {
width: 100%;
margin: 10px;
text-align: center;
}
}
//InputTextGlobalMessage
.section-input-send-text {
margin: 10px;
flex: 1 1 auto;
display: flex;
flex-flow: column;
height: 100%;
.ql-toolbar{
flex: 0 1 auto;
background: white;
}
.input-send-text{
flex: 1 1 auto;
max-height: calc(100% - 55px);
color: white;
font-size: 1rem;
.ql-editor.ql-blank::before {
color: white;
font-size: 1rem;
}
}
}
.section-input-send-text .input-send-text .ql-editor{
color: white;
min-height: 200px;
}
.section-input-send-text .ql-toolbar{
background: white;
//UploadAudioGlobalMessage
.section-input-send-audio {
flex: 1 1 auto;
display: flex;
flex-flow: column;
height: 100%;
img {
flex: 1 1 auto;
height: 60%;
margin-bottom: 10px;
cursor: url('images/cursor_pointer.png'), pointer;
}
label {
flex: 0 1 auto;
color: white;
font-size: 1rem;
text-align: center;
}
p.err {
flex: 0 1 auto;
color: #ce372b;
font-size: 1rem;
text-align: center;
}
}
#input-send-audio {
display: none;
}
}