Add CSS

2024-09-22 14:05:50 +02:00
parent d195ade56e
commit ec17df67d1
1 changed files with 49 additions and 1 deletions
@@ -2,7 +2,55 @@
    <head>
        <title>Ruty - ToDo List</title>
        <link rel="stylesheet" href="styles/styletodo.css">
-        <link rel="icon" href="img/logo.png">        
+        <link rel="icon" href="img/logo.png">   
+        
+<style>
+        /* Style pour le bouton "+" */
+        #add-task-button {
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            width: 50px;
+            height: 50px;
+            background-color: #28a745;
+            color: white;
+            border-radius: 50%;
+            font-size: 30px;
+            text-align: center;
+            line-height: 50px;
+            cursor: pointer;
+        }
+
+        /* Style pour le menu latéral d'ajout de tâche */
+        #task-menu {
+            position: fixed;
+            top: 0;
+            right: -300px; /* Menu caché au départ */
+            width: 300px;
+            height: 100%;
+            background-color: #f4f4f4;
+            box-shadow: -2px 0 5px rgba(0,0,0,0.5);
+            padding: 20px;
+            transition: right 0.3s ease-in-out;
+        }
+
+        #task-menu.open {
+            right: 0; /* Quand le menu est ouvert, il se déplace */
+        }
+
+        #task-menu h2 {
+            margin-top: 0;
+        }
+
+        /* Bouton de fermeture */
+        #close-menu {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            font-size: 20px;
+            cursor: pointer;
+        }
+</style>
    </head>
    <body>
        <header id="header">