disabling the button instead of hiding

This commit is contained in:
Miodec 2021-02-02 18:45:35 +00:00
parent 8ed6c87c02
commit b284810ea1
2 changed files with 30 additions and 10 deletions

View file

@ -670,23 +670,29 @@ function destroyAllGraphs() {
}
function mp_userReady() {
$(".pageTribe .lobby .lobbyButtons .userReadyButton").addClass("hidden");
$(".pageTest #result .resultMpButtons .userReadyButton").addClass("hidden");
$(".pageTest #result #readyButton").addClass("hidden");
$(".pageTribe .lobby .lobbyButtons .userReadyButton").addClass("disabled");
$(".pageTest #result .resultMpButtons .userReadyButton").addClass("disabled");
$(".pageTest #result #readyButton").addClass("disabled");
MP.socket.emit("mp_user_ready");
}
function mp_resetReadyButtons() {
if (!MP.room.isLeader && !MP.room.isReady) {
$(".pageTribe .lobby .lobbyButtons .userReadyButton").removeClass("hidden");
$(".pageTest #result .resultMpButtons .userReadyButton").removeClass(
"hidden"
$(".pageTribe .lobby .lobbyButtons .userReadyButton").removeClass(
"disabled"
);
$(".pageTest #result #readyButton").removeClass("hidden");
$(".pageTest #result .resultMpButtons .userReadyButton").removeClass(
"disabled"
);
$(".pageTest #result #readyButton").removeClass("disabled");
} else {
$(".pageTribe .lobby .lobbyButtons .userReadyButton").addClass("hidden");
$(".pageTest #result .resultMpButtons .userReadyButton").addClass("hidden");
$(".pageTest #result #readyButton").addClass("hidden");
let cls = "disabled";
if (MP.room.isLeader) {
cls = "hidden";
}
$(".pageTribe .lobby .lobbyButtons .userReadyButton").addClass(cls);
$(".pageTest #result .resultMpButtons .userReadyButton").addClass(cls);
$(".pageTest #result #readyButton").addClass(cls);
}
}

View file

@ -1584,10 +1584,15 @@ key {
&:hover {
background: var(--text-color);
}
&.disabled {
pointer-events: none;
opacity: 0.1;
}
}
}
.timer {
text-align: center;
align-self: center;
}
}
table {
@ -2063,6 +2068,11 @@ key {
}
}
#readyButton.disabled {
pointer-events: none;
opacity: 0.1;
}
#restartTestButton {
margin: 0 auto;
margin-top: 1rem;
@ -3110,6 +3120,10 @@ key {
&:hover {
background: var(--text-color);
}
&.disabled {
pointer-events: none;
opacity: 0.1;
}
}
}
.currentSettings {