Commit graph

89 commits

Author SHA1 Message Date
westtle
3b8db601d0 added padding to .simple-note__input 2024-02-05 19:47:23 +07:00
westtle
37a724d75a added padding-bottom to .simple-note 2024-02-05 19:28:45 +07:00
westtle
0c0846c42b centered .simple-note 2024-02-05 19:25:03 +07:00
westtle
ab8e4d3107 added flex-grow 1 to <textarea> 2024-02-05 19:13:38 +07:00
westtle
b086462ad6 added full viewport height with flex to a bunch of elements
display: flex; flex-direction: column; flex-grow: 1;
2024-02-05 19:10:56 +07:00
westtle
8cee77fae2 added min-height 100% to <html> 2024-02-05 19:06:21 +07:00
westtle
f50d5202d3 set resize to none for <textarea> 2024-02-05 19:01:42 +07:00
westtle
df2f8ba548 added padding-top to .simple-note 2024-02-05 19:00:22 +07:00
westtle
0980b4c88f added margin-bottom to title <input> 2024-02-05 18:58:23 +07:00
westtle
582e2c0d40 added typographic styling to inputs 2024-02-05 18:28:55 +07:00
westtle
3d62e422f1 added color and background-color to body 2024-02-05 18:27:52 +07:00
westtle
5b58871108 added color inherit for inputs 2024-02-05 18:17:56 +07:00
westtle
7c13783412 added custom properties for fonts and colors in :root 2024-02-05 18:12:17 +07:00
westtle
8b60afd532 added @font-face declarations for "Roboto" and "Roboto Slab" 2024-02-05 15:09:47 +07:00
westtle
b439850ec3 added font files for "Roboto" and "Roboto Slab" 2024-02-05 14:59:49 +07:00
westtle
c24ba2b5e1 added .gitattributes for graphics and fonts 2024-02-05 14:58:44 +07:00
westtle
c04d39d74c added .sr-only in css 2024-02-05 14:31:28 +07:00
westtle
e5ca35d04f added placeholder for <textarea>
also removed lorem ipsum inside it.
2024-02-05 14:28:26 +07:00
westtle
7ddb0ce350 changed placeholder for title <input> 2024-02-05 14:27:24 +07:00
westtle
21f2219e93 commented <button>s 2024-02-05 14:19:38 +07:00
westtle
acf683d88c changed #id and added .class for <button> description
the new .class is pretty much useless since the element is screen reader only, but i'm adding it for consistency.
2024-01-29 05:56:02 +07:00
westtle
82b8f70e88 added aria-describedby to <button> 2024-01-29 05:46:41 +07:00
westtle
b93a0f5556 added aria-label to <button> 2024-01-29 05:35:38 +07:00
westtle
d2663a825c added aria-hidden on <svg> 2024-01-29 05:35:09 +07:00
westtle
6914ed5720 moved <input> and <textarea> out of its <label> 2024-01-28 19:09:57 +07:00
westtle
85b6c00d9d added colon (:) to note body label 2024-01-28 18:32:38 +07:00
westtle
1c2f60924e added dir attribute to <html> 2024-01-28 15:44:44 +07:00
westtle
3eef36e79f changed title <input> placeholder
from "My Title" to "Your title".
2024-01-28 15:17:55 +07:00
westtle
4ec0e41b73 added <h1> at the top of <main>
screenreader only.
2024-01-28 14:53:57 +07:00
westtle
b5a80c5e28 changed <h1> inside label to <span> 2024-01-28 14:53:30 +07:00
westtle
9d2e077c1a added <span> inside <h1> for current title 2024-01-28 14:32:09 +07:00
westtle
61d75631bb added placeholder for title <input> 2024-01-28 14:30:34 +07:00
westtle
e54f449a02 changed .class for <button> 2024-01-28 14:19:43 +07:00
westtle
9a3c16850b added .class for <svg> 2024-01-28 14:18:50 +07:00
westtle
93f3036c22 added <label> for <textarea> 2024-01-28 14:17:26 +07:00
westtle
9f9569491b changed span inside <label> to <h1>
also make it screenreader only.
2024-01-28 14:15:35 +07:00
westtle
ab2798c123 removed default border from button, input, and textarea 2024-01-28 13:51:09 +07:00
westtle
a75ac96708 used inline svg for buttons 2024-01-28 13:50:15 +07:00
westtle
ffd3ac2f2b removed class from svg files 2024-01-28 13:49:16 +07:00
westtle
5878fce4dc added icons file and folder 2024-01-28 13:27:06 +07:00
westtle
1d87ebabf1 added background-color trasparent to inputs and buttons
background-color: transparent;
2024-01-28 12:51:09 +07:00
westtle
71b260f25d added spellcheck false to inputs 2024-01-28 12:35:02 +07:00
westtle
59e0245d95 added <label> for title <input> 2024-01-27 22:29:39 +07:00
westtle
ea46fb8c0f added display block to button, input, and textarea
display: block;
2024-01-27 21:35:29 +07:00
westtle
54bf941153 removed style.min.css and script.min.js 2024-01-27 20:47:46 +07:00
westtle
3fb001af7c added some css reset 2024-01-27 20:45:59 +07:00
westtle
ebb53b23c3 cleared style.css 2024-01-27 20:29:50 +07:00
westtle
5e44ada8a8 uncomment css <link> 2024-01-27 20:28:20 +07:00
westtle
d9e3966057 added new structure inside <main> for the note 2024-01-26 21:13:57 +07:00
westtle
0d3a03f2fe converted indentation to spaces 2024-01-26 21:01:43 +07:00