From 721265ba3b1d05b3b88f9c0f356ef33015e7a185 Mon Sep 17 00:00:00 2001 From: trynottosmile Date: Sat, 27 Jul 2019 17:54:47 +0300 Subject: [PATCH 1/3] na 3 --- IVAN-MARAKHOVSKII/index.html | 46 +++++++++++++++++++++++++++++++ IVAN-MARAKHOVSKII/input.js | 0 IVAN-MARAKHOVSKII/main.js | 37 +++++++++++++++++++++++++ IVAN-MARAKHOVSKII/style.css | 52 ++++++++++++++++++++++++++++++++++++ 4 files changed, 135 insertions(+) create mode 100644 IVAN-MARAKHOVSKII/index.html create mode 100644 IVAN-MARAKHOVSKII/input.js create mode 100644 IVAN-MARAKHOVSKII/main.js create mode 100644 IVAN-MARAKHOVSKII/style.css diff --git a/IVAN-MARAKHOVSKII/index.html b/IVAN-MARAKHOVSKII/index.html new file mode 100644 index 0000000..9599b91 --- /dev/null +++ b/IVAN-MARAKHOVSKII/index.html @@ -0,0 +1,46 @@ + + + + + + + Document + + + + +
+
+
+ + +
+
+ +
+
+
+ + + + + + + diff --git a/IVAN-MARAKHOVSKII/input.js b/IVAN-MARAKHOVSKII/input.js new file mode 100644 index 0000000..e69de29 diff --git a/IVAN-MARAKHOVSKII/main.js b/IVAN-MARAKHOVSKII/main.js new file mode 100644 index 0000000..a9c3961 --- /dev/null +++ b/IVAN-MARAKHOVSKII/main.js @@ -0,0 +1,37 @@ + +document.getElementById("inputBtn").addEventListener("click", function(e) { + e.preventDefault(); +}); + +function addItem() { + var text = document.getElementById("input").value; + if (!text) { + alert("You need to write something!"); + return + } + + var divForItem = document.createElement("div"); + divForItem.className= 'item'; + var pNode = document.createElement("p"); + var textNode = document.createTextNode(text); + pNode.appendChild(textNode); + divForItem.appendChild(pNode); + + var span = document.createElement("SPAN"); + var txt = document.createTextNode("\u00D7"); + span.appendChild(txt); + span.className = "close"; + divForItem.appendChild(span) + document.getElementById("input").value = ""; + span.addEventListener('click',function(e){ + e.stopPropagation() + divForItem.style.display = 'none' + }) + + + divForItem.addEventListener('click',function(){ + divForItem.classList.toggle('checked'); + }) + var itemList = document.getElementById("itemList"); + itemList.appendChild(divForItem); +} diff --git a/IVAN-MARAKHOVSKII/style.css b/IVAN-MARAKHOVSKII/style.css new file mode 100644 index 0000000..2b6843e --- /dev/null +++ b/IVAN-MARAKHOVSKII/style.css @@ -0,0 +1,52 @@ +.grid { + height: 95vh; + display: grid; + grid-template-columns: 1fr 4fr 1fr; + grid-template-rows: 1fr 6fr 1fr; +} + +.todo { + width: 100%; + height: 100%; + grid-column: 2; + grid-row: 2; +} + +.head { + display: flex; + justify-content: space-between; + padding: 1rem; +} +.itemList { + display: flex; + flex-direction: column; + padding: 1rem 2rem 2rem 2rem; +} +.item { + position: relative; + display: flex; + border: 1px solid lightgrey; + margin-top: 0.5rem; + padding: 1rem; + + font-size: 1.5rem; +} +.item p { + margin: 0; +} + +.item:hover { + background: #ddd; +} +.item.checked { + background: #888; + color: #fff; + text-decoration: line-through; +} + +.close { + position: absolute; + right: 0; + top: 0; + padding: 12px 16px 12px 16px; +} From 0e45734e24432a524a78f67d98f2a27398e07bc1 Mon Sep 17 00:00:00 2001 From: trynottosmile Date: Sun, 28 Jul 2019 23:42:06 +0300 Subject: [PATCH 2/3] na 4 --- IVAN-MARAKHOVSKII/index.html | 86 +++++++++++++------------ IVAN-MARAKHOVSKII/main.js | 92 ++++++++++++++++++++++----- IVAN-MARAKHOVSKII/style.css | 52 --------------- IVAN-MARAKHOVSKII/style/style.css | 76 ++++++++++++++++++++++ IVAN-MARAKHOVSKII/style/style.css.map | 9 +++ IVAN-MARAKHOVSKII/style/style.scss | 60 +++++++++++++++++ 6 files changed, 268 insertions(+), 107 deletions(-) delete mode 100644 IVAN-MARAKHOVSKII/style.css create mode 100644 IVAN-MARAKHOVSKII/style/style.css create mode 100644 IVAN-MARAKHOVSKII/style/style.css.map create mode 100644 IVAN-MARAKHOVSKII/style/style.scss diff --git a/IVAN-MARAKHOVSKII/index.html b/IVAN-MARAKHOVSKII/index.html index 9599b91..6e5380f 100644 --- a/IVAN-MARAKHOVSKII/index.html +++ b/IVAN-MARAKHOVSKII/index.html @@ -1,46 +1,52 @@ - - - - - Document - - - - -
-
-
- - -
-
-
+ + + + + Document + + + + + +
+
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ + + + + + - - - - - - + \ No newline at end of file diff --git a/IVAN-MARAKHOVSKII/main.js b/IVAN-MARAKHOVSKII/main.js index a9c3961..7b2468d 100644 --- a/IVAN-MARAKHOVSKII/main.js +++ b/IVAN-MARAKHOVSKII/main.js @@ -1,37 +1,99 @@ +var data = []; -document.getElementById("inputBtn").addEventListener("click", function(e) { - e.preventDefault(); -}); +function render(filter) { + var itemList = document.getElementById("itemList"); + while (itemList.firstChild) { + itemList.removeChild(itemList.firstChild); + } + data.forEach(function(el, idx) { + if (filter == "done") { + if (el.check) { + createElement(el, idx); + } + } + if (filter == "undone") { + if (!el.check) { + createElement(el, idx); + } + } + if (filter == "all") { + createElement(el, idx); + } + if (filter == 'tmr' || filter == 'week'){ + var now = new Date(); + var dlDate = Date.parse(el.deadLine) + var delta = dlDate - +now; + var dayTimeDelta = 86400000; + var weekTimeDelta = 604800000; + if (filter == 'tmr' && delta <= dayTimeDelta){ + createElement(el,idx); + } + if (filter == 'week' && delta <= weekTimeDelta){ + createElement(el,idx); + } + } + + }); +} function addItem() { var text = document.getElementById("input").value; + var deadLine = document.getElementById("deadline").value; if (!text) { alert("You need to write something!"); - return + return; } + data.push({ text: text, check: false, deadLine: deadLine }); + document.getElementById("input").value = ""; + document.getElementById("deadline").value = ""; + render("all"); +} +function createElement(el, idx) { + var text = el.text; var divForItem = document.createElement("div"); - divForItem.className= 'item'; + if (el.check) { + divForItem.className = "item checked"; + } else { + divForItem.className = "item"; + } var pNode = document.createElement("p"); var textNode = document.createTextNode(text); pNode.appendChild(textNode); divForItem.appendChild(pNode); + if (el.deadLine){ + var dl = document.createElement("p"); + dl.className = "ml-2" + var dlToNode = document.createTextNode(el.deadLine) + dl.appendChild(dlToNode) + divForItem.appendChild(dl); + } + var span = document.createElement("SPAN"); var txt = document.createTextNode("\u00D7"); span.appendChild(txt); span.className = "close"; - divForItem.appendChild(span) - document.getElementById("input").value = ""; - span.addEventListener('click',function(e){ - e.stopPropagation() - divForItem.style.display = 'none' - }) + divForItem.appendChild(span); + + span.addEventListener("click", function(e) { + e.stopPropagation(); + itemList.removeChild(divForItem); + data.splice(idx, 1); + }); + divForItem.addEventListener("click", function() { + for (var idx in data) { + if (data[idx].text == text) { + if (data[idx].check) { + data[idx].check = false; + } else { + data[idx].check = true; + } + } + } + divForItem.classList.toggle("checked"); + }); - divForItem.addEventListener('click',function(){ - divForItem.classList.toggle('checked'); - }) - var itemList = document.getElementById("itemList"); itemList.appendChild(divForItem); } diff --git a/IVAN-MARAKHOVSKII/style.css b/IVAN-MARAKHOVSKII/style.css deleted file mode 100644 index 2b6843e..0000000 --- a/IVAN-MARAKHOVSKII/style.css +++ /dev/null @@ -1,52 +0,0 @@ -.grid { - height: 95vh; - display: grid; - grid-template-columns: 1fr 4fr 1fr; - grid-template-rows: 1fr 6fr 1fr; -} - -.todo { - width: 100%; - height: 100%; - grid-column: 2; - grid-row: 2; -} - -.head { - display: flex; - justify-content: space-between; - padding: 1rem; -} -.itemList { - display: flex; - flex-direction: column; - padding: 1rem 2rem 2rem 2rem; -} -.item { - position: relative; - display: flex; - border: 1px solid lightgrey; - margin-top: 0.5rem; - padding: 1rem; - - font-size: 1.5rem; -} -.item p { - margin: 0; -} - -.item:hover { - background: #ddd; -} -.item.checked { - background: #888; - color: #fff; - text-decoration: line-through; -} - -.close { - position: absolute; - right: 0; - top: 0; - padding: 12px 16px 12px 16px; -} diff --git a/IVAN-MARAKHOVSKII/style/style.css b/IVAN-MARAKHOVSKII/style/style.css new file mode 100644 index 0000000..7ebca9a --- /dev/null +++ b/IVAN-MARAKHOVSKII/style/style.css @@ -0,0 +1,76 @@ +.grid { + height: 95vh; + display: -ms-grid; + display: grid; + -ms-grid-columns: 1fr 4fr 1fr; + grid-template-columns: 1fr 4fr 1fr; + -ms-grid-rows: 1fr 6fr 1fr; + grid-template-rows: 1fr 6fr 1fr; +} + +.grid .todo { + width: 100%; + height: 100%; + -ms-grid-column: 2; + grid-column: 2; + -ms-grid-row: 2; + grid-row: 2; +} + +.grid .todo .head { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 1rem; +} + +.grid .todo .filters { + padding: 1rem; +} + +.grid .todo.itemList { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 1rem 2rem 2rem 2rem; +} + +.item { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border: 1px solid lightgrey; + margin-top: 0.5rem; + padding: 1rem; + font-size: 1.5rem; +} + +.item:hover { + background: #ddd; +} + +.item p { + margin: 0; +} + +.checked { + background: #888; + color: #fff; + text-decoration: line-through; +} + +.close { + position: absolute; + right: 0; + top: 0; + padding: 12px 16px 12px 16px; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/IVAN-MARAKHOVSKII/style/style.css.map b/IVAN-MARAKHOVSKII/style/style.css.map new file mode 100644 index 0000000..0ccc684 --- /dev/null +++ b/IVAN-MARAKHOVSKII/style/style.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AAAA,KAAK,CAAC;EACJ,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,WAAW;EAClC,kBAAkB,EAAE,WAAW;CAwBhC;;AA5BD,AAME,KANG,CAMD,KAAK,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAE,CAAC;CAiBZ;;AA3BH,AAYI,KAZC,CAMD,KAAK,CAMH,KAAK,CAAC;EACN,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;EAC9B,OAAO,EAAE,IAAI;CACd;;AAhBL,AAkBI,KAlBC,CAMD,KAAK,CAYH,QAAQ,CAAC;EACT,OAAO,EAAE,IAAI;CACd;;AApBL,AAsBI,KAtBC,CAMD,KAAK,AAgBJ,SAAS,CAAC;EACT,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,OAAO,EAAE,mBAAmB;CAC7B;;AAIL,AAAA,KAAK,CAAC;EACJ,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,mBAAmB;EAC3B,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EAEb,SAAS,EAAE,MAAM;CASlB;;AAhBD,AASE,KATG,AASF,MAAM,CAAC;EACN,UAAU,EAAE,IAAI;CACjB;;AAXH,AAYE,KAZG,CAYH,CAAC,CAAC;EACA,MAAM,EAAE,CAAC;CACV;;AAIH,AAAA,QAAQ,CAAC;EACP,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,YAAY;CAC9B;;AAED,AAAA,MAAM,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,mBAAmB;CAC7B", + "sources": [ + "style.scss" + ], + "names": [], + "file": "style.css" +} \ No newline at end of file diff --git a/IVAN-MARAKHOVSKII/style/style.scss b/IVAN-MARAKHOVSKII/style/style.scss new file mode 100644 index 0000000..1c8eb97 --- /dev/null +++ b/IVAN-MARAKHOVSKII/style/style.scss @@ -0,0 +1,60 @@ +.grid { + height: 95vh; + display: grid; + grid-template-columns: 1fr 4fr 1fr; + grid-template-rows: 1fr 6fr 1fr; + + & .todo { + width: 100%; + height: 100%; + grid-column: 2; + grid-row: 2; + + & .head { + display: flex; + justify-content: space-between; + padding: 1rem; + } + + & .filters { + padding: 1rem; + } + + &.itemList { + display: flex; + flex-direction: column; + padding: 1rem 2rem 2rem 2rem; + } + } +} + +.item { + position: relative; + display: flex; + border: 1px solid lightgrey; + margin-top: 0.5rem; + padding: 1rem; + + font-size: 1.5rem; + + &:hover { + background: #ddd; + } + p { + margin: 0; + } + +} + +.checked { + background: #888; + color: #fff; + text-decoration: line-through; +} + +.close { + position: absolute; + right: 0; + top: 0; + padding: 12px 16px 12px 16px; +} From 876bb5cf6187f7fa7ec58781e50229ee807d4ef3 Mon Sep 17 00:00:00 2001 From: trynottosmile Date: Tue, 30 Jul 2019 18:00:46 +0300 Subject: [PATCH 3/3] na 5+ no ne 5 --- IVAN-MARAKHOVSKII/index.html | 19 +++--- .../{input.js => scripts/createElement.js} | 0 IVAN-MARAKHOVSKII/{ => scripts}/main.js | 61 +++++++++++++------ IVAN-MARAKHOVSKII/style/style.css | 9 ++- IVAN-MARAKHOVSKII/style/style.css.map | 2 +- IVAN-MARAKHOVSKII/style/style.scss | 9 ++- 6 files changed, 60 insertions(+), 40 deletions(-) rename IVAN-MARAKHOVSKII/{input.js => scripts/createElement.js} (100%) rename IVAN-MARAKHOVSKII/{ => scripts}/main.js (62%) diff --git a/IVAN-MARAKHOVSKII/index.html b/IVAN-MARAKHOVSKII/index.html index 6e5380f..4f3f126 100644 --- a/IVAN-MARAKHOVSKII/index.html +++ b/IVAN-MARAKHOVSKII/index.html @@ -9,6 +9,7 @@ + @@ -16,19 +17,19 @@
- - + +
- - + + - + - - + +
@@ -36,8 +37,8 @@
- - + + diff --git a/IVAN-MARAKHOVSKII/input.js b/IVAN-MARAKHOVSKII/scripts/createElement.js similarity index 100% rename from IVAN-MARAKHOVSKII/input.js rename to IVAN-MARAKHOVSKII/scripts/createElement.js diff --git a/IVAN-MARAKHOVSKII/main.js b/IVAN-MARAKHOVSKII/scripts/main.js similarity index 62% rename from IVAN-MARAKHOVSKII/main.js rename to IVAN-MARAKHOVSKII/scripts/main.js index 7b2468d..6dc8c90 100644 --- a/IVAN-MARAKHOVSKII/main.js +++ b/IVAN-MARAKHOVSKII/scripts/main.js @@ -1,5 +1,20 @@ -var data = []; +var data = JSON.parse(localStorage.getItem("data")) || []; +render("all"); + +function validate(date) { + date = date.split("-"); + if (date.length !== 3 || + date[0].length !== 4 || + date[1].length !== 2 || + date[2].length !== 2 || + isNaN(parseInt(date[0])) || + isNaN(parseInt(date[1])) || + isNaN(parseInt(date[2])) ) { + return false; + } + return true; +} function render(filter) { var itemList = document.getElementById("itemList"); while (itemList.firstChild) { @@ -19,36 +34,39 @@ function render(filter) { if (filter == "all") { createElement(el, idx); } - if (filter == 'tmr' || filter == 'week'){ - var now = new Date(); - var dlDate = Date.parse(el.deadLine) - var delta = dlDate - +now; - var dayTimeDelta = 86400000; - var weekTimeDelta = 604800000; - if (filter == 'tmr' && delta <= dayTimeDelta){ - createElement(el,idx); - } - if (filter == 'week' && delta <= weekTimeDelta){ - createElement(el,idx); - } + if (filter == "tmr" || filter == "week") { + var now = new Date(); + var dlDate = Date.parse(el.deadLine); + var delta = dlDate - +now; + var dayTimeDelta = 86400000; + var weekTimeDelta = 604800000; + if (filter == "tmr" && delta <= dayTimeDelta) { + createElement(el, idx); + } + if (filter == "week" && delta <= weekTimeDelta) { + createElement(el, idx); + } } - }); } function addItem() { var text = document.getElementById("input").value; var deadLine = document.getElementById("deadline").value; + if (!validate(deadLine)){ + alert("You should write data in YYYY-MM-DD format") + return + } if (!text) { alert("You need to write something!"); return; } data.push({ text: text, check: false, deadLine: deadLine }); + localStorage.setItem("data", JSON.stringify(data)); document.getElementById("input").value = ""; document.getElementById("deadline").value = ""; render("all"); } - function createElement(el, idx) { var text = el.text; var divForItem = document.createElement("div"); @@ -62,11 +80,11 @@ function createElement(el, idx) { pNode.appendChild(textNode); divForItem.appendChild(pNode); - if (el.deadLine){ + if (el.deadLine) { var dl = document.createElement("p"); - dl.className = "ml-2" - var dlToNode = document.createTextNode(el.deadLine) - dl.appendChild(dlToNode) + dl.className = "ml-2"; + var dlToNode = document.createTextNode(el.deadLine); + dl.appendChild(dlToNode); divForItem.appendChild(dl); } @@ -75,11 +93,12 @@ function createElement(el, idx) { span.appendChild(txt); span.className = "close"; divForItem.appendChild(span); - + span.addEventListener("click", function(e) { e.stopPropagation(); itemList.removeChild(divForItem); data.splice(idx, 1); + localStorage.setItem("data", JSON.stringify(data)); }); divForItem.addEventListener("click", function() { @@ -92,8 +111,10 @@ function createElement(el, idx) { } } } + localStorage.setItem("data", JSON.stringify(data)); divForItem.classList.toggle("checked"); }); itemList.appendChild(divForItem); } + diff --git a/IVAN-MARAKHOVSKII/style/style.css b/IVAN-MARAKHOVSKII/style/style.css index 7ebca9a..0b74b79 100644 --- a/IVAN-MARAKHOVSKII/style/style.css +++ b/IVAN-MARAKHOVSKII/style/style.css @@ -31,7 +31,7 @@ padding: 1rem; } -.grid .todo.itemList { +.grid .todo .itemList { display: -webkit-box; display: -ms-flexbox; display: flex; @@ -39,7 +39,7 @@ -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; - padding: 1rem 2rem 2rem 2rem; + padding: 1rem 1rem 1rem 1rem; } .item { @@ -54,7 +54,7 @@ } .item:hover { - background: #ddd; + background: #b1a0a0; } .item p { @@ -62,9 +62,8 @@ } .checked { - background: #888; + background: #4e4949; color: #fff; - text-decoration: line-through; } .close { diff --git a/IVAN-MARAKHOVSKII/style/style.css.map b/IVAN-MARAKHOVSKII/style/style.css.map index 0ccc684..cb04be7 100644 --- a/IVAN-MARAKHOVSKII/style/style.css.map +++ b/IVAN-MARAKHOVSKII/style/style.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "AAAA,AAAA,KAAK,CAAC;EACJ,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,WAAW;EAClC,kBAAkB,EAAE,WAAW;CAwBhC;;AA5BD,AAME,KANG,CAMD,KAAK,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAE,CAAC;CAiBZ;;AA3BH,AAYI,KAZC,CAMD,KAAK,CAMH,KAAK,CAAC;EACN,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;EAC9B,OAAO,EAAE,IAAI;CACd;;AAhBL,AAkBI,KAlBC,CAMD,KAAK,CAYH,QAAQ,CAAC;EACT,OAAO,EAAE,IAAI;CACd;;AApBL,AAsBI,KAtBC,CAMD,KAAK,AAgBJ,SAAS,CAAC;EACT,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,OAAO,EAAE,mBAAmB;CAC7B;;AAIL,AAAA,KAAK,CAAC;EACJ,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,mBAAmB;EAC3B,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EAEb,SAAS,EAAE,MAAM;CASlB;;AAhBD,AASE,KATG,AASF,MAAM,CAAC;EACN,UAAU,EAAE,IAAI;CACjB;;AAXH,AAYE,KAZG,CAYH,CAAC,CAAC;EACA,MAAM,EAAE,CAAC;CACV;;AAIH,AAAA,QAAQ,CAAC;EACP,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,YAAY;CAC9B;;AAED,AAAA,MAAM,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,mBAAmB;CAC7B", + "mappings": "AAAA,AAAA,KAAK,CAAC;EACJ,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,WAAW;EAClC,kBAAkB,EAAE,WAAW;CAwBhC;;AA5BD,AAME,KANG,CAMD,KAAK,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAE,CAAC;CAiBZ;;AA3BH,AAYI,KAZC,CAMD,KAAK,CAMH,KAAK,CAAC;EACN,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;EAC9B,OAAO,EAAE,IAAI;CACd;;AAhBL,AAkBI,KAlBC,CAMD,KAAK,CAYH,QAAQ,CAAC;EACT,OAAO,EAAE,IAAI;CACd;;AApBL,AAsBI,KAtBC,CAMD,KAAK,CAgBH,SAAS,CAAC;EACV,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,OAAO,EAAE,mBAAmB;CAC7B;;AAIL,AAAA,KAAK,CAAC;EACJ,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,mBAAmB;EAC3B,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EAEb,SAAS,EAAE,MAAM;CASlB;;AAhBD,AASE,KATG,AASF,MAAM,CAAC;EACN,UAAU,EAAE,OAAkB;CAC/B;;AAXH,AAYE,KAZG,CAYH,CAAC,CAAC;EACA,MAAM,EAAE,CAAC;CACV;;AAIH,AAAA,QAAQ,CAAC;EACP,UAAU,EAAE,OAAe;EAC3B,KAAK,EAAE,IAAI;CACZ;;AAED,AAAA,MAAM,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,mBAAmB;CAC7B", "sources": [ "style.scss" ], diff --git a/IVAN-MARAKHOVSKII/style/style.scss b/IVAN-MARAKHOVSKII/style/style.scss index 1c8eb97..b7a67e6 100644 --- a/IVAN-MARAKHOVSKII/style/style.scss +++ b/IVAN-MARAKHOVSKII/style/style.scss @@ -20,10 +20,10 @@ padding: 1rem; } - &.itemList { + & .itemList { display: flex; flex-direction: column; - padding: 1rem 2rem 2rem 2rem; + padding: 1rem 1rem 1rem 1rem; } } } @@ -38,7 +38,7 @@ font-size: 1.5rem; &:hover { - background: #ddd; + background: rgb(177, 160, 160); } p { margin: 0; @@ -47,9 +47,8 @@ } .checked { - background: #888; + background: rgb(78, 73, 73); color: #fff; - text-decoration: line-through; } .close {