From 387798149c57d7918985a97259d9f4891a2ab394 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Sat, 22 Apr 2023 20:07:33 +0300 Subject: [PATCH 01/16] refactor: --- style.css | 144 +++++++++++++++++++++++++++--------------------------- 1 file changed, 72 insertions(+), 72 deletions(-) diff --git a/style.css b/style.css index ab36227705e..b05d1679941 100644 --- a/style.css +++ b/style.css @@ -1,20 +1,20 @@ /* Basic Style */ body { - background-color: #f8f8f8; - color: #333; - font-family: Lato, sans-serif; + background-color: #f8f8f8; + color: #333; + font-family: Lato, sans-serif; } .aaa { - width: 500px; - margin: 0 auto; - display: block; - text-align: right; + width: 500px; + margin: 0 auto; + display: block; + text-align: right; } .aaa img { - width: 100%; + width: 100%; } .aaa .more_inf { - font-family: fantasy, cursive; + font-family: fantasy, cursive; } @media (max-width:768px) { @@ -22,127 +22,127 @@ body { } } .centered-main-page-element { - display: block; - width: 500px; - margin: 0 auto 0; + display: block; + width: 500px; + margin: 0 auto 0; } .task { - width: 56%; - display: inline-block; - flex-grow: 1 + width: 56%; + display: inline-block; + flex-grow: 1 } .task-row-wrapper { - display: flex; + display: flex; } ul { - margin:0; - padding: 0px; + margin:0; + padding: 0px; } li, h3 { - list-style:none; + list-style:none; } input,button{ - outline:none; + outline:none; } button { - background: none; - border: 0px; - color: #888; - font-size: 15px; - width: 60px; - font-family: Lato, sans-serif; - cursor: pointer; + background: none; + border: 0px; + color: #888; + font-size: 15px; + width: 60px; + font-family: Lato, sans-serif; + cursor: pointer; } button:hover { - color: #3a3A3a; + color: #3a3A3a; } /* Heading */ h3, label[for='new-task'] { - color: #333; - font-weight: 700; - font-size: 15px; - border-bottom: 2px solid #333; - padding: 30px 0 10px; - margin: 0; - text-transform: uppercase; + color: #333; + font-weight: 700; + font-size: 15px; + border-bottom: 2px solid #333; + padding: 30px 0 10px; + margin: 0; + text-transform: uppercase; } input[type="text"] { - margin: 0; - font-size: 18px; - line-height: 18px; - height: 21px; - padding: 0 9px; - border: 1px solid #dDd; - background: #FFF; - border-radius: 6px; - font-family: Lato, sans-serif; - color: #888; + margin: 0; + font-size: 18px; + line-height: 18px; + height: 21px; + padding: 0 9px; + border: 1px solid #dDd; + background: #FFF; + border-radius: 6px; + font-family: Lato, sans-serif; + color: #888; } input[type="text"]:focus { - color: #333; + color: #333; } /* New Task */ label[for='new-task'] { - display: block; - margin: 0 0 20px; + display: block; + margin: 0 0 20px; } input#new-task { - width: 318px; + width: 318px; } /* Task list */ li { - overflow: hidden; - padding: 20px 0; - border-bottom: 1px solid #eee; + overflow: hidden; + padding: 20px 0; + border-bottom: 1px solid #eee; - display: flex; - justify-content: space-between; - align-items: center; + display: flex; + justify-content: space-between; + align-items: center; } li > * { - vertical-align: middle; + vertical-align: middle; } li > input[type="checkbox"] { - margin: 0 10px; + margin: 0 10px; } li > label { - padding-left: 10px; - box-sizing: border-box; - font-size: 18px; - width: 226px; + padding-left: 10px; + box-sizing: border-box; + font-size: 18px; + width: 226px; } li > input[type="text"] { - width: 226px + width: 226px } button.delete img { - height: 2em; - transform: rotateZ(45deg); - transition: transform 200ms ease-in; + height: 2em; + transform: rotateZ(45deg); + transition: transform 200ms ease-in; } button.delete img:hover { - transform: rotateZ(0); + transform: rotateZ(0); } /* Completed */ ul#completed-tasks label { - text-decoration: line-through - color: #888; + text-decoration: line-through /*there is no ;*/ + color: #888; } /* Edit Task */ ul li input[type=text] { - display:none + display:none } ul li.editMode input[type=text] { - display:inline-block; - width:224px + display:inline-block; + width:224px } ul li.editMode label { - display:none; + display:none; } \ No newline at end of file From 65abb9ae31d1cf31fd4b2fa2e6523934273995c2 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Sat, 22 Apr 2023 20:22:31 +0300 Subject: [PATCH 02/16] refactor(basic-1.1): tabs removed, spacebars added --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index b05d1679941..d22410f5199 100644 --- a/style.css +++ b/style.css @@ -129,7 +129,7 @@ button.delete img:hover { /* Completed */ ul#completed-tasks label { - text-decoration: line-through /*there is no ;*/ + text-decoration: line-through /* there is no ;; */ color: #888; } From fb540628d47e56cd6d704d6e06b85058f7ab717b Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Sat, 22 Apr 2023 20:25:25 +0300 Subject: [PATCH 03/16] fix:there was no; --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index d22410f5199..d439de50b6b 100644 --- a/style.css +++ b/style.css @@ -129,7 +129,7 @@ button.delete img:hover { /* Completed */ ul#completed-tasks label { - text-decoration: line-through /* there is no ;; */ + text-decoration: line-through; /*there was no;*/ color: #888; } From b897c3d3e5f4969865e776524ef176267cd2cc27 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Sun, 23 Apr 2023 15:41:23 +0300 Subject: [PATCH 04/16] refactor(basic-1.2):upper case changed to lower case --- index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index ef4aa1f60ca..58d30d6c5ad 100644 --- a/index.html +++ b/index.html @@ -1,19 +1,19 @@ -Todo App +Todo App - - + +

Todo

  • -
  • +

Completed

- + \ No newline at end of file From e5fd793a212faa56ab7241d6c3d900adc03ea5d5 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Sun, 23 Apr 2023 15:53:29 +0300 Subject: [PATCH 05/16] refactor(basic-1.2):upper case changed to lower case one more time --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index d439de50b6b..cb206346548 100644 --- a/style.css +++ b/style.css @@ -54,7 +54,7 @@ button { cursor: pointer; } button:hover { - color: #3a3A3a; + color: #3a3a3a; } /* Heading */ h3, From dabf3c0da6f6a8c50edbddfb97510a59a71a835e Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Sun, 23 Apr 2023 15:54:52 +0300 Subject: [PATCH 06/16] refactor(basic-1.2):upper case changed to lower case one more time...again --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index cb206346548..e3a870d71af 100644 --- a/style.css +++ b/style.css @@ -74,7 +74,7 @@ input[type="text"] { height: 21px; padding: 0 9px; border: 1px solid #dDd; - background: #FFF; + background: #fff; border-radius: 6px; font-family: Lato, sans-serif; color: #888; From d467941e104c27d49e23ab1c84a2cfd9fe7a47db Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Sun, 23 Apr 2023 15:59:36 +0300 Subject: [PATCH 07/16] refactor(basic-1.3):single quotes changed to double quotes --- index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 58d30d6c5ad..3bf575fbfe2 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,15 @@ Todo App - + - -

+ +

Todo

-
    -
  • -
  • +
      +
    • +

    Completed

    From 385b70b99bbd0a31b2a5cb07aee99b872cea8441 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Sun, 23 Apr 2023 16:35:58 +0300 Subject: [PATCH 08/16] refactor:(basic-2.1): line breaks added --- index.html | 35 +++++++++++++++++++++++++++++------ 1 file changed, 29 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 3bf575fbfe2..7634a40e659 100644 --- a/index.html +++ b/index.html @@ -1,17 +1,40 @@ -Todo App + +Todo App -

    -

    Todo

    +
    +

    +

    +
    +

    +

    Todo

      -
    • -
    • -

    Completed

    • +
    • + + +
    • +
    • + + + + +
    • +
    +

    Completed

    +
      +
    • + + + + + +
    From b2d90687c78749a09d784b0807f215d840468b22 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Mon, 24 Apr 2023 18:07:01 +0300 Subject: [PATCH 09/16] fix:(basic-2.2): document type changed --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 7634a40e659..5fa4ef0c419 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + Todo App From debbe7814e4ef30d6189d4d90be51768890f1ab6 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Mon, 24 Apr 2023 18:09:43 +0300 Subject: [PATCH 10/16] fix:(basic-2.3): changing mnemonic symbol according UTF-8 --- index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 5fa4ef0c419..8c432c8b2cd 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,8 @@ - +

    From b3a7e4489d40bda32b3712f423fcdddffa4396c5 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Mon, 24 Apr 2023 18:14:51 +0300 Subject: [PATCH 11/16] refactor:(basic-2.4): style and script style changed --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 8c432c8b2cd..89a4536a877 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ Todo App - + @@ -38,6 +38,6 @@

    Completed

- + \ No newline at end of file From b50112c4561e66818e0bc0bca257a3ef725019c3 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Mon, 24 Apr 2023 18:22:31 +0300 Subject: [PATCH 12/16] refactor:(basic-3.2): changing 'aaa' div name --- index.html | 2 +- style.css | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 89a4536a877..4be6020ec72 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ -
+

diff --git a/style.css b/style.css index e3a870d71af..6124f1a32dc 100644 --- a/style.css +++ b/style.css @@ -4,21 +4,21 @@ body { color: #333; font-family: Lato, sans-serif; } -.aaa { +.eisenhower-matrix { width: 500px; margin: 0 auto; display: block; text-align: right; } -.aaa img { +.eisenhower-matrix img { width: 100%; } -.aaa .more_inf { +.eisenhower-matrix .more_inf { font-family: fantasy, cursive; } @media (max-width:768px) { -.aaa { text-align: center; +.eisenhower-matrix { text-align: center; } } .centered-main-page-element { From 928123cd581576ab597574b4b86f541789188645 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Mon, 24 Apr 2023 18:27:02 +0300 Subject: [PATCH 13/16] refactor:(basic-3.4): simplifing tag and classes --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 6124f1a32dc..91cc2005420 100644 --- a/style.css +++ b/style.css @@ -128,7 +128,7 @@ button.delete img:hover { } /* Completed */ -ul#completed-tasks label { +#completed-tasks label { text-decoration: line-through; /*there was no;*/ color: #888; } @@ -138,11 +138,11 @@ ul li input[type=text] { display:none } -ul li.editMode input[type=text] { +.editMode input[type=text] { display:inline-block; width:224px } -ul li.editMode label { +.editMode label { display:none; } \ No newline at end of file From 10f5830d09160c6c4c04f591cb0224cf3f6c9b36 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Mon, 24 Apr 2023 18:32:05 +0300 Subject: [PATCH 14/16] refactor:(basic-3.6): adding spacebars after properties --- style.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index 91cc2005420..9d272f50ddd 100644 --- a/style.css +++ b/style.css @@ -35,14 +35,14 @@ body { display: flex; } ul { - margin:0; + margin: 0; padding: 0px; } li, h3 { - list-style:none; + list-style: none; } input,button{ - outline:none; + outline: none; } button { background: none; @@ -135,14 +135,14 @@ button.delete img:hover { /* Edit Task */ ul li input[type=text] { - display:none + display: none } .editMode input[type=text] { - display:inline-block; - width:224px + display: inline-block; + width: 224px } .editMode label { - display:none; + display: none; } \ No newline at end of file From e6d0691865fcddd582876753ffd389c12c446e37 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Mon, 24 Apr 2023 18:37:35 +0300 Subject: [PATCH 15/16] refactor:(basic-3.8): selectores divided --- style.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 9d272f50ddd..e5886f67407 100644 --- a/style.css +++ b/style.css @@ -38,10 +38,12 @@ ul { margin: 0; padding: 0px; } -li, h3 { +li, +h3 { list-style: none; } -input,button{ +input, +button{ outline: none; } button { From 2e935d061110d35ffe9de116c380b2b4f174b511 Mon Sep 17 00:00:00 2001 From: Lucky38 Date: Mon, 24 Apr 2023 18:42:26 +0300 Subject: [PATCH 16/16] fix:(advanced-1.2): alts for media added --- index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 4be6020ec72..12969a4efa4 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ -

+

@@ -17,14 +17,14 @@

Todo

  • -
  • - +
  • Completed

    @@ -34,7 +34,7 @@

    Completed

    - +