🧽Cleanup des styles desktop

PapillonApp · Sep 25, 2022 · 9de7766 · 9de7766
1 parent bf11bea
commit 9de7766
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 124 deletions.
diff --git a/css/desktop.css b/css/desktop.css
diff --git a/css/style.css b/css/style.css
@@ -1475,79 +1475,6 @@ a:active {
     color: #000000;
 }
 
-/* desktop */
-
-@media only screen and (min-width: 800px) {
-    #menu, #menu * {
-        animation: none !important;
-    }
-
-    #menu {
-        display: block !important;
-        width: 400px !important;
-        box-shadow: 1px 0px 2px #00000032;
-    }
-
-    #menuTabs {
-        width: 400px !important;
-    }
-
-    .modal {
-        width: 400px !important;
-    }
-
-    #userModalOver {
-        width: calc(400px - 35px) !important;
-    }
-
-    #timeModal {
-        width: calc(400px - 65px) !important;
-    }
-
-    #appContent, #menuContent {
-        width: calc(100% - 400px) !important;
-        margin-left: 400px !important;
-    }
-
-    #menu-btn {
-        display: none !important;
-    }
-
-    #menuData {
-        margin-left: 0 !important;
-    }
-
-    .changeInMenu {
-        display: none !important;
-    }
-
-    #menuContent {
-        top: 0;
-        bottom: auto;
-        border-top: none !important;
-        box-shadow: 0px 1px 2px #00000032;
-    }
-
-    #appContent {
-        margin-top: 60px;
-    }
-
-    .cours:hover {
-        opacity: 70% !important;
-    }
-
-    .tabLink:hover {
-        background: #00000011;
-        cursor: pointer;
-    }
-
-    @media screen and (prefers-color-scheme: dark) {
-        .tabLink:hover {
-            background: #ffffff11;
-        }
-    }
-}
-
 .devoirDay {
     margin-top: 40px;
     margin-bottom: 15px;

diff --git a/index.html b/index.html
@@ -28,19 +28,18 @@
 </head>
 
 <body>
-    <div id="modal">
-        <div id="escapeTouch" onclick="modalClose()"></div>
-        <div id="modalData">
-            <div id="modalTitle">
-                <p id="modalTitleText"></p>
-            </div>
-            <div id="modalContent">
-                <div id="modalContentText"></div>
-            </div>
-        </div>
-    </div>
-
     <div id="pronoteApp">
+            <div id="modal">
+                <div id="escapeTouch" onclick="modalClose()"></div>
+                <div id="modalData">
+                    <div id="modalTitle">
+                        <p id="modalTitleText"></p>
+                    </div>
+                    <div id="modalContent">
+                        <div id="modalContentText"></div>
+                    </div>
+                </div>
+            </div>
     <div id="menu">
         <div id="menuTabs">
             <div id="pronoteIdent">

diff --git a/js/app.js b/js/app.js
@@ -72,12 +72,6 @@ function progressStart(speed) {
     }, 500);
 }
 
-// Si nous sommes sur ordinateur
-if (window.innerWidth > 800) {
-    // Injecte desktop.css
-    $('head').append('<link rel="stylesheet" href="css/desktop.css">');
-}
-
 // Change la valeur de la barre de progression
 function progressChange(value) {
     clearInterval(progressInterval);