From 3e18114591e676d808510a5f1ee05afd67365991 Mon Sep 17 00:00:00 2001 From: lucashemi Date: Thu, 26 Jan 2023 14:45:14 -0300 Subject: color vars --- app/delete.js | 2 -- app/edit.js | 1 - app/list.js | 6 +----- index.html | 8 ++++---- main.css | 17 +++++++++++------ 5 files changed, 16 insertions(+), 18 deletions(-) diff --git a/app/delete.js b/app/delete.js index df4feb7..c595505 100644 --- a/app/delete.js +++ b/app/delete.js @@ -15,8 +15,6 @@ export function deleteButton(id) { function deleteElement(element, id) { element.remove(); - jsList.splice(jsList.findIndex(el => el.id === id), 1); - localStorage.setItem('jsList', JSON.stringify(jsList)); } \ No newline at end of file diff --git a/app/edit.js b/app/edit.js index 791f43e..831edc3 100644 --- a/app/edit.js +++ b/app/edit.js @@ -21,7 +21,6 @@ function editElement(element, id) { input.value = element.childNodes[0].textContent; form.appendChild(input); - hide(element); form.addEventListener('submit', (e) => { diff --git a/app/list.js b/app/list.js index 2469dad..bb658e5 100644 --- a/app/list.js +++ b/app/list.js @@ -41,15 +41,11 @@ form.addEventListener('submit', (submit) => { function createElement(item) { const newItem = document.createElement('li'); newItem.classList.add('item'); - newItem.dataset.id = item.id; - newItem.textContent += item.name; newItem.appendChild(checkboxButton(item.id)); - - newItem.appendChild(editButton(item.id)); - + newItem.appendChild(editButton(item.id)); newItem.appendChild(deleteButton(item.id)); list.appendChild(newItem); diff --git a/index.html b/index.html index 55a1da5..b4cc6ae 100644 --- a/index.html +++ b/index.html @@ -1,17 +1,17 @@ - + - To-Do-List + To-Do-List - +
-

To-Do-List

+

To-Do-List

    diff --git a/main.css b/main.css index 83f6130..da7180a 100644 --- a/main.css +++ b/main.css @@ -1,8 +1,13 @@ @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); +:root { + --white: #eee; + --black: #111; +} + body { - background-color: #eee; - color: #111; + background-color: var(--white); + color: var(--black); font-family: 'Roboto', sans-serif; text-align: center; } @@ -23,13 +28,13 @@ h1 { min-width: 15vw; max-width: 30vw; overflow: auto; - border: 5px solid #111; + border: 5px solid var(--black); padding: 2rem 6rem; } input { - background-color: #eee; - color: #111; + background-color: var(--white); + color: var(--black); } .add { @@ -38,7 +43,7 @@ input { } .item { - border: 3px solid #111; + border: 3px solid var(--black); margin: 0.3rem; padding: 0.4em 3em; list-style-type: none; -- cgit v1.2.3-18-g5258