Add CSS

2024-09-22 14:05:50 +02:00
parent d195ade56e
commit ec17df67d1
1 changed files with 49 additions and 1 deletions
@@ -3,6 +3,54 @@
        <title>Ruty - ToDo List</title>
        <link rel="stylesheet" href="styles/styletodo.css">
        <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">