This commit is contained in:
WhyKorp
2024-09-22 14:09:41 +02:00
committed by GitHub
parent 791d61d91a
commit 1603a80ddd
+13 -12
View File
@@ -25,32 +25,33 @@
#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 */
} }
#task-menu h2 { /* Bouton de fermeture */
margin-top: 0; #close-menu {
}
/* Bouton de fermeture */
#close-menu {
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
}
#task-menu h2 {
margin-top: 0;
} }
</style> </style>
</head> </head>
<body> <body>