diff --git a/WEB/View/src/CSS/Admin2.css b/WEB/View/src/CSS/Admin2.css index 0553ead5..d0b4ee29 100644 --- a/WEB/View/src/CSS/Admin2.css +++ b/WEB/View/src/CSS/Admin2.css @@ -93,17 +93,17 @@ button{ background: rgb(0, 0, 0); background: -moz-linear-gradient( 315deg, - rgba(0, 0, 0, 0.4192051820728291) 0%, + rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 30% ); background: -webkit-linear-gradient( 315deg, - rgba(0, 0, 0, 0.4192051820728291) 0%, + rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 30% ); background: linear-gradient( 315deg, - rgba(0, 0, 0, 0.4192051820728291) 0%, + rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 30% ); border-radius: 15px; @@ -142,24 +142,6 @@ button{ width: max-content; } -.dashboard-card-reversed { - background: rgb(0, 0, 0); - background: -moz-linear-gradient( - 45deg, - rgba(0, 0, 0, 0.4192051820728291) 0%, - rgba(0, 0, 0, 1) 30% - ); - background: -webkit-linear-gradient( - 45deg, - rgba(0, 0, 0, 0.4192051820728291) 0%, - rgba(0, 0, 0, 1) 30% - ); - background: linear-gradient( - 45deg, - rgba(0, 0, 0, 0.4192051820728291) 0%, - rgba(0, 0, 0, 1) 30% - ); -} .user-box input { width: 100%; @@ -203,10 +185,22 @@ button{ .fullscreen { - z-index: 10; - width: 100%; - height: 100%; + z-index: 9999; + position: absolute; + width: 80%; + height: 95%; margin: 0 !important; - padding-top: 20px; + left: 50%; + top: 50%; + transform: translate(-44%, -50%); + -webkit-transform: translate(-44%, -50%); + -moz-transform: translate(-44%, -50%); + -ms-transform: translate(-44%, -50%); + -o-transform: translate(-44%, -50%); + margin-top: 20px; padding-bottom: 20px; +} + +.hidden { + display: none; } \ No newline at end of file diff --git a/WEB/View/src/JS/Admin.js b/WEB/View/src/JS/Admin.js index 62c410f3..166d0bc7 100644 --- a/WEB/View/src/JS/Admin.js +++ b/WEB/View/src/JS/Admin.js @@ -6,83 +6,4 @@ element.parentElement.classList.add("current"); element.classList.remove("nav-button"); element.classList.add("currentText"); - - transitionChangeCurrentAndExpend(element); -} - -function transitionChangeCurrentAndExpend(element) { - expendSolo = document.querySelector("#expendSolo"); - expendMulti = document.querySelector("#expendMulti"); - expendMail = document.querySelector("#expendMail"); - if (element.id == "globalLink") { - document.location.reload(true); - } - - if (element.id == "soloLink") { - expend(expendSolo); - } - if (element.id == "multiLink") { - expend(expendMulti); - } - if (element.id == "mailLink") { - expend(expendMail); - } -} - -function expend(element) { - if (element.parentElement.parentElement.parentElement.id == "soloEnigme") { - - if (soloEnigme.parentElement.classList.contains("fullscreen") == false) { - soloEnigme.parentElement.classList.add("fullscreen"); - soloEnigme.classList.add("fullscreen"); - } else { - soloEnigme.parentElement.classList.remove("fullscreen"); - soloEnigme.classList.remove("fullscreen"); - } - - if (mail.style.display != "none") { - mail.style.display = "none"; - mail.parentElement.style.display = "none"; - multiEnigme.style.display = "none"; - } else { - mail.style.display = "flex"; - mail.parentElement.style.display = "flex"; - multiEnigme.style.display = "block"; - } - } - - if (element.parentElement.parentElement.parentElement.id == "multiEnigme") { - if (multiEnigme.parentElement.classList.contains("fullscreen") == false) { - multiEnigme.parentElement.classList.add("fullscreen"); - multiEnigme.classList.add("fullscreen"); - } else { - multiEnigme.parentElement.classList.remove("fullscreen"); - multiEnigme.classList.remove("fullscreen"); - } - - if (mail.style.display != "none") { - mail.style.display = "none"; - mail.parentElement.style.display = "none"; - soloEnigme.style.display = "none"; - } else { - mail.style.display = "flex"; - mail.parentElement.style.display = "flex"; - soloEnigme.style.display = "block"; - } - } - - if (element.parentElement.parentElement.parentElement.id == "mail") { - mail.parentElement.classList.toggle("fullscreen"); - mail.classList.toggle("fullscreen"); - - if (multiEnigme.style.display != "none") { - multiEnigme.style.display = "none"; - multiEnigme.parentElement.style.display = "none"; - soloEnigme.style.display = "none"; - } else { - multiEnigme.style.display = "block"; - multiEnigme.parentElement.style.display = "flex"; - soloEnigme.style.display = "block"; - } - } } diff --git a/WEB/View/src/pages/Admin/Admin.html b/WEB/View/src/pages/Admin/Admin.html index adc63fe3..40817b6a 100644 --- a/WEB/View/src/pages/Admin/Admin.html +++ b/WEB/View/src/pages/Admin/Admin.html @@ -25,7 +25,7 @@ -
+