This commit is contained in:
WhyKorp
2024-09-22 14:09:41 +02:00
committed by GitHub
parent 791d61d91a
commit 1603a80ddd
+23 -22
View File
@@ -23,34 +23,35 @@
/* Style pour le menu latéral d'ajout de tâche */ /* Style pour le menu latéral d'ajout de tâche */
#task-menu { #task-menu {
position: fixed; position: fixed;
top: 0; top: 0;
right: -300px; /* Menu caché au départ */ right: -300px; /* Menu caché initialement */
width: 300px; width: 300px;
height: 100%; height: 100%;
background-color: #f4f4f4; background-color: #f4f4f4;
box-shadow: -2px 0 5px rgba(0,0,0,0.5); box-shadow: -2px 0 5px rgba(0,0,0,0.5);
padding: 20px; padding: 20px;
z-index: 2; transition: right 0.3s ease-in-out;
transition: right 0.3s ease-in-out; z-index: 10; /* Un z-index plus élevé pour être au-dessus du menu en haut */
} }
#task-menu.open { #task-menu.open {
right: 0; /* Quand le menu est ouvert, il se déplace */ right: 0; /* Le menu est affiché lorsqu'il est ouvert */
} }
/* Bouton de fermeture */
#close-menu {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
cursor: pointer;
}
#task-menu h2 { #task-menu h2 {
margin-top: 0; margin-top: 0;
} }
/* Bouton de fermeture */
#close-menu {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
cursor: pointer;
}
</style> </style>
</head> </head>
<body> <body>