Commit graph

155 commits

Author SHA1 Message Date
westtle
276ac119a9 added open/close functionality to settings toggle 2024-02-06 23:47:44 +07:00
westtle
f555782401 changed ::placeholder color 2024-02-06 22:12:36 +07:00
westtle
b993f0f4a0 added --focus-offset variable 2024-02-06 22:09:24 +07:00
westtle
70d43f50f9 renamed --focus-1 to --focus-outline 2024-02-06 22:06:20 +07:00
westtle
331a6ddf56 added basic styling for .settings and its content 2024-02-06 22:03:47 +07:00
westtle
21b5bd999e added rel noopener to <a> tag 2024-02-06 20:53:38 +07:00
westtle
4787f2947c removed list-style from <ul> 2024-02-06 20:46:05 +07:00
westtle
4c1ee5624e changed <label> text 2024-02-06 20:45:45 +07:00
westtle
1f11a0871c moved <h1> inside <section> 2024-02-06 20:40:27 +07:00
westtle
1731c4bdf5 added <aside> with <button>s in it
for theme button, repository link, etc.
2024-02-06 20:38:59 +07:00
westtle
feaf7aaef2 added more icons 2024-02-06 15:52:04 +07:00
westtle
4dcffe34ab created images folder and moved icons folder to it 2024-02-05 20:54:20 +07:00
westtle
dbd81abecb added custom properties for focus outline and use it on <input> 2024-02-05 20:07:47 +07:00
westtle
4518326972 decreased top and bottom padding for .simple-note__input
decreased to 0.5625rem.
2024-02-05 20:00:27 +07:00
westtle
924191012e removed margin-bottom for title <input> 2024-02-05 19:56:38 +07:00
westtle
dfa8770a58 increased max-width for .simple-note 2024-02-05 19:50:00 +07:00
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