_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

character hotifxes

Browse Source
This commit is contained in:
_Bastler 2021-05-26 18:46:25 +02:00
parent 058006a285
commit 7e07279c88
5 changed files with 16 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
front/dist/resources/html/CustomCharacterScene.html vendored
View File

@ -6,8 +6,9 @@
margin: 10px auto 0; margin: 10px auto 0;
color: #ebeeee; color: #ebeeee;
overflow: auto; overflow: auto;
width: 42vw; width: 28vw;
height: 48vh; height: 48vh;
margin-left: -5vw;
/*max-width: 300px; /*max-width: 300px;
max-height: 48vh;*/ max-height: 48vh;*/
} }
@ -98,8 +99,10 @@
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
#customizeScene { #customizeScene {
max-width: 160px;
overflow-y: scroll; overflow-y: scroll;
margin-left: 70vw;
width: 200px;
margin-top: 20vh;
} }
} }
@media only screen and (max-height: 400px) { @media only screen and (max-height: 400px) {

1
front/dist/resources/html/loginScene.html vendored
View File

@ -73,6 +73,7 @@
only screen and (max-height: 600px) { only screen and (max-height: 600px) {
#loginScene{ #loginScene{
overflow-y: scroll; overflow-y: scroll;
margin-left: 80vw;
} }
} }
</style> </style>

11
front/dist/resources/html/selectCharacterScene.html vendored
View File

@ -5,7 +5,7 @@
border-radius: 6px; border-radius: 6px;
margin: 10px auto 0; margin: 10px auto 0;
color: #ebeeee; color: #ebeeee;
max-height: 48vh; max-height: 100vh;
max-width: 300px; max-width: 300px;
width: 40vw; width: 40vw;
overflow: hidden; overflow: hidden;
@ -29,7 +29,7 @@
#selectCharacterScene section.action { #selectCharacterScene section.action {
text-align: center; text-align: center;
margin: 0; margin: 0;
margin-top: 28vh; margin-top: 38vh;
} }
#selectCharacterScene button#selectCharacterSceneFormCancel { #selectCharacterScene button#selectCharacterSceneFormCancel {
background-color: #aca6a600; background-color: #aca6a600;
@ -88,12 +88,19 @@
only screen and (max-height: 600px) { only screen and (max-height: 600px) {
#selectCharacterScene{ #selectCharacterScene{
overflow-y: scroll; overflow-y: scroll;
width: 70vw;
margin-left: 70vw;
margin-top: 30vw;
} }
#selectCharacterScene section button.selectCharacterButton#selectCharacterButtonRight{ #selectCharacterScene section button.selectCharacterButton#selectCharacterButtonRight{
display: block; display: block;
} }
#selectCharacterScene section button.selectCharacterButton#selectCharacterButtonLeft{ #selectCharacterScene section button.selectCharacterButton#selectCharacterButtonLeft{
display: block; display: block;
left: auto;
}
#selectCharacterScene section button.selectCharacterButton{
top: 40vh;
} }
} }
</style> </style>

3
front/src/index.ts
View File

@ -17,7 +17,6 @@ import {HelpCameraSettingsScene} from "./Phaser/Menu/HelpCameraSettingsScene";
import {localUserStore} from "./Connexion/LocalUserStore"; import {localUserStore} from "./Connexion/LocalUserStore";
import {ErrorScene} from "./Phaser/Reconnecting/ErrorScene"; import {ErrorScene} from "./Phaser/Reconnecting/ErrorScene";
import {iframeListener} from "./Api/IframeListener"; import {iframeListener} from "./Api/IframeListener";
import { SelectCharacterMobileScene } from './Phaser/Login/SelectCharacterMobileScene';
import {HdpiManager} from "./Phaser/Services/HdpiManager"; import {HdpiManager} from "./Phaser/Services/HdpiManager";
import {waScaleManager} from "./Phaser/Services/WaScaleManager"; import {waScaleManager} from "./Phaser/Services/WaScaleManager";
import {Game} from "./Phaser/Game/Game"; import {Game} from "./Phaser/Game/Game";
@ -89,7 +88,7 @@ const config: GameConfig = {
}, },
scene: [EntryScene, scene: [EntryScene,
LoginScene, LoginScene,
isMobile() ? SelectCharacterMobileScene : SelectCharacterScene, SelectCharacterScene,
SelectCompanionScene, SelectCompanionScene,
EnableCameraScene, EnableCameraScene,
ReconnectingScene, ReconnectingScene,

38
front/style/style.css
View File

@ -1,11 +1,3 @@
*{
cursor: url('./images/cursor_normal.png'), auto;
}
* a, button, select{
cursor: url('./images/cursor_pointer.png'), pointer;
}
body { body {
overflow: hidden; overflow: hidden;
font-size: 10px; font-size: 10px;
@ -48,7 +40,6 @@ body .message-info.warning {
position: relative; position: relative;
transition: all 0.2s ease; transition: all 0.2s ease;
height: 100%; height: 100%;
cursor: url('./images/cursor_pointer.png'), pointer;
} }
.video-container i { .video-container i {
@ -86,7 +77,6 @@ body .message-info.warning {
.video-container button.report { .video-container button.report {
display: block; display: block;
cursor: url('./images/cursor_pointer.png'), pointer;
background: none; background: none;
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
border: none; border: none;
@ -119,7 +109,6 @@ body .message-info.warning {
left: 5px; left: 5px;
margin: 0; margin: 0;
padding: 0; padding: 0;
cursor: url('./images/cursor_pointer.png'), pointer;
width: 25px; width: 25px;
height: 25px; height: 25px;
} }
@ -130,7 +119,6 @@ body .message-info.warning {
left: 36px; left: 36px;
color: white; color: white;
font-size: 16px; font-size: 16px;
cursor: url('./images/cursor_pointer.png'), pointer;
} }
.video-container img.active { .video-container img.active {
@ -139,7 +127,6 @@ body .message-info.warning {
.video-container video { .video-container video {
height: 100%; height: 100%;
cursor: url('./images/cursor_pointer.png'), pointer;
} }
.video-container video:focus { .video-container video:focus {
@ -227,7 +214,6 @@ video#myCamVideo {
/*btn animation*/ /*btn animation*/
.btn-cam-action div{ .btn-cam-action div{
cursor: url('./images/cursor_pointer.png'), pointer;
/*position: absolute;*/ /*position: absolute;*/
width: 44px; width: 44px;
height: 44px; height: 44px;
@ -285,7 +271,6 @@ video#myCamVideo {
height: 22px; height: 22px;
width: auto; width: auto;
position: relative; position: relative;
cursor: url('./images/cursor_pointer.png'), pointer;
pointer-events: all; pointer-events: all;
} }
@ -639,7 +624,6 @@ input[type=range]:focus::-ms-fill-upper {
margin: 2%; margin: 2%;
flex-basis: 96%; flex-basis: 96%;
transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s, flex-basis 0.2s; transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s, flex-basis 0.2s;
cursor: url('./images/cursor_pointer.png'), pointer;
pointer-events: auto; pointer-events: auto;
/*flex-shrink: 2;*/ /*flex-shrink: 2;*/
} }
@ -657,7 +641,6 @@ input[type=range]:focus::-ms-fill-upper {
.sidebar>div { .sidebar>div {
margin: 2%; margin: 2%;
transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s, max-height 0.2s, max-width 0.2s; transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s, max-height 0.2s, max-width 0.2s;
cursor: url('./images/cursor_pointer.png'), pointer;
pointer-events: auto; pointer-events: auto;
} }
@ -665,11 +648,6 @@ input[type=range]:focus::-ms-fill-upper {
margin: 0%; margin: 0%;
} }
.sidebar > div video {
cursor: url('./images/cursor_pointer.png'), pointer;
}
/* Let's make sure videos are vertically centered if they need to be cropped */ /* Let's make sure videos are vertically centered if they need to be cropped */
.media-container { .media-container {
@ -690,7 +668,6 @@ input[type=range]:focus::-ms-fill-upper {
margin: 1%; margin: 1%;
max-height: 96%; max-height: 96%;
transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s; transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s;
cursor: url('./images/cursor_pointer.png'), pointer;
} }
.chat-mode>div:hover { .chat-mode>div:hover {
@ -782,7 +759,6 @@ input[type=range]:focus::-ms-fill-upper {
margin-top: 6px; margin-top: 6px;
width: 30px; width: 30px;
height: 30px; height: 30px;
cursor: url('./images/cursor_pointer.png'), pointer;
padding: 0 5px; padding: 0 5px;
transition: all .5s ease; transition: all .5s ease;
transform: rotateY(0); transform: rotateY(0);
@ -807,7 +783,6 @@ input[type=range]:focus::-ms-fill-upper {
.main-console div.console:hover, .main-console div.console:hover,
.message-container div.clear:hover { .message-container div.clear:hover {
cursor: url('./images/cursor_pointer.png'), pointer;
top: calc(100% + 5px); top: calc(100% + 5px);
transform: scale(1.2) translateY(3px); transform: scale(1.2) translateY(3px);
} }
@ -840,7 +815,6 @@ input[type=range]:focus::-ms-fill-upper {
transition: all .2s ease; transition: all .2s ease;
} }
.main-console .btn-action .btn:hover{ .main-console .btn-action .btn:hover{
cursor: url('./images/cursor_pointer.png'), pointer;
background-color: #ffda01; background-color: #ffda01;
color: black; color: black;
border: 1px solid black; border: 1px solid black;
@ -855,7 +829,6 @@ input[type=range]:focus::-ms-fill-upper {
.main-console .menu span { .main-console .menu span {
margin: 20px; margin: 20px;
cursor: url('./images/cursor_pointer.png'), pointer;
} }
.main-console .menu span.active { .main-console .menu span.active {
@ -891,10 +864,6 @@ input[type=range]:focus::-ms-fill-upper {
.main-console section div.upload label img { .main-console section div.upload label img {
height: 150px; height: 150px;
cursor: url('./images/cursor_pointer.png'), pointer;
}
.main-console section div.upload label img{
cursor: url('./images/cursor_pointer.png'), pointer;
} }
@ -995,7 +964,6 @@ div.modal-report-user {
right: 0; right: 0;
left: auto; left: auto;
top: 0; top: 0;
cursor: url('./images/cursor_pointer.png'), pointer;
width: 15px; width: 15px;
height: 15px; height: 15px;
margin: 10px; margin: 10px;
@ -1014,7 +982,6 @@ div.modal-report-user {
transition: all .2s ease; transition: all .2s ease;
} }
.modal-report-user button:hover{ .modal-report-user button:hover{
cursor: url('./images/cursor_pointer.png'), pointer;
background-color: #ffda01; background-color: #ffda01;
color: black; color: black;
border: 1px solid black; border: 1px solid black;
@ -1062,7 +1029,6 @@ div.modal-report-user {
.discussion .active-btn { .discussion .active-btn {
display: none; display: none;
cursor: url('./images/cursor_pointer.png'), pointer;
height: 50px; height: 50px;
width: 50px; width: 50px;
background-color: #2d2d2dba; background-color: #2d2d2dba;
@ -1094,7 +1060,6 @@ div.modal-report-user {
right: 10px; right: 10px;
background: none; background: none;
border: none; border: none;
cursor: url('./images/cursor_pointer.png'), pointer;
} }
.discussion .close-btn img { .discussion .close-btn img {
@ -1120,7 +1085,6 @@ div.modal-report-user {
background-color: #ffffff69; background-color: #ffffff69;
padding: 5px; padding: 5px;
border-radius: 15px; border-radius: 15px;
cursor: url('./images/cursor_pointer.png'), pointer;
} }
.discussion .participants .participant:hover { .discussion .participants .participant:hover {
@ -1154,7 +1118,6 @@ div.modal-report-user {
} }
.discussion .participants .participant button.report-btn{ .discussion .participants .participant button.report-btn{
cursor: url('./images/cursor_pointer.png'), pointer;
position: absolute; position: absolute;
background-color: #2d2d2dba; background-color: #2d2d2dba;
right: 34px; right: 34px;
@ -1272,7 +1235,6 @@ div.action.danger {
animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
} }
div.action p.action-body{ div.action p.action-body{
cursor: url('./images/cursor_pointer.png'), pointer;
padding: 10px; padding: 10px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;