bigEdit: ajout des composants, contenu et interactivité pour la partie extra (partie fixe, plutôt informative)

src/assets/style.css

@@ -50,6 +50,7 @@
   inset:0;
   position: fixed;
   background-color: var(--dark-color);
+  cursor:cell;
 }
 
 /*===================Desact. Default*/
@@ -58,25 +59,37 @@ input {
   appearance: none;
 }
 
+button{
+  border: none;
+}
+
 a{
   text-decoration: none;
 }
 
+/*===============Cusor*/
+button:hover{
+  cursor: pointer;
+}
+
+p{
+  cursor:cell;
+  pointer-events: none;
+}
+
+
 /*=====================Classes générales*/
 .windowContainer{
+  position:absolute;
   border-style: solid;
   border-width: thin;
   border-color: var(--light-color);
   border-radius: 16.1px;
   background-color: transparent;
-  position: relative;
-  height: 90%;
-  width: 90%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
-  contain: layout;
 }
 
 .windowTitle{
@@ -155,3 +168,29 @@ a{
   75%  { border-color: var(--dark-color);}
   100%  { border-color: var(--accent-color);}
 }
+
+/*==========================Moveable*/
+.moveable-control-box {
+  display: none !important;
+}
+
+/*=====================Z-index panneaux flottants*/
+.windowContainer.zBase{
+  z-index: 10;
+}
+
+.windowContainer.zTop{
+  border-color: var(--accent-color);
+  z-index: 33;
+}
+.zTop .windowTitle{
+  background-color: var(--accent-color);
+}
+
+.zTop .titleBtn {
+  background-color: var(--accent-color);
+}
+
+.zTop .titleBtn:hover {
+  background-color: var(--light-color);
+}