Patrick H. Lauke
c34763afcb
Duplicate class
2022-08-12 23:54:27 +01:00
Patrick H. Lauke
aac95ca340
Add lang to demo page, uppercase DOCTYPE
2022-08-12 23:52:29 +01:00
Patrick H. Lauke
4135156e4a
Correct broken/invalid demo page navigation
2022-08-12 23:51:51 +01:00
Patrick H. Lauke
20bdab64c4
Add proper label for find in modeless dialog, add padding to modeless top
2022-08-12 23:39:50 +01:00
Patrick H. Lauke
81ce8841e4
remove redundant .png files
2022-08-12 23:13:37 +01:00
Patrick H. Lauke
afd9f983a5
Tweak dropdown toggle styles
...
remove browser outline when it's focused
2022-08-12 23:08:44 +01:00
Patrick H. Lauke
3e97e8ac2d
Clean up more icons, tweak styles
...
- correct the apple logo and the checkmark
- general cleanup for the radio svgs
2022-08-12 23:04:18 +01:00
Patrick H. Lauke
5cdcab35c4
Simplify/clean up radio button dot
2022-08-12 23:04:18 +01:00
Patrick H. Lauke
b1301bab26
Simplify radio border svg, create separate svg for focused state, add focused state
...
Foo
2022-08-12 23:04:11 +01:00
Patrick H. Lauke
1bc39d155c
Add outline back to focused checkbox
...
but use `:focus-visible` so it only shows for keyboard usage
2022-08-12 21:03:18 +01:00
Patrick H. Lauke
4a7b749a74
Give label-less text input an accessible name
2022-08-12 20:50:27 +01:00
Patrick H. Lauke
de788827d7
Associate text field labels correctly with form fields
2022-08-12 20:47:56 +01:00
Patrick H. Lauke
20ecb5e17b
Rework dropdown menus as <details>/<summary>
...
the hidden checkbox approach is brittle and not accessible (wrapping the entire checkbox and menu inside a `<label>`, not easy to add `:focus` style, etc)
2022-08-12 20:45:08 +01:00
Patrick H. Lauke
29ff21628e
Give standard dialog a proper <h1>
2022-08-12 20:27:48 +01:00
Patrick H. Lauke
397e75f9ed
Refactor text styles
...
the `vertical-align` wasn't doing anything (since it was broken originally anyway), so removed it. grouped common styles together.
2022-08-12 20:26:30 +01:00
Patrick H. Lauke
496de34c1e
Use <h1> for modal dialog box heading, tweak styles
...
add explicit `font-weight: normal` to `.modal-text` and `.alert-text`, so that it overrides the otherwise bold look of the `<h1>`
2022-08-12 19:55:33 +01:00
Patrick H. Lauke
9efcaea9f6
Correct vertical-align value
...
`vertical-align: center` is invalid. change to `vertical-align: middle`
2022-08-12 19:53:59 +01:00
Patrick H. Lauke
7c5741dcd7
Don't display:none dropdown checkboxes
...
using `display:none` makes them non-keyboard-focusable
2022-08-12 10:20:26 +01:00
Patrick H. Lauke
e12c8b0593
Use aria-label for close/resize buttons
...
add it where the buttons are currently unlabelled, remove the hidden `<span>` for those that have that - `aria-label` is more solid/consistent choice
2022-08-12 10:19:23 +01:00
sakofchit
84e4993ed3
docs link
2022-08-11 00:49:01 -04:00
sakofchit
c3addf1651
automate npm
2022-08-11 00:03:42 -04:00
sakofchit
8cc7ec584c
clean up
2022-08-10 21:23:36 -04:00
sakofchit
432ca84144
more ctx
2022-08-10 17:44:49 -04:00
sakofchit
802a520927
unecessary indent
2022-08-10 17:00:27 -04:00
sakofchit
188bff2de6
html syntax
2022-08-10 17:00:01 -04:00
sakofchit
ff3b7953f3
update readme
2022-08-10 16:59:08 -04:00
sakofchit
049b12eb34
add checkbox + dialogs
2022-08-10 14:50:26 -04:00
sakofchit
67aebcf6bf
added dialogs/alerts
2022-08-08 01:29:01 -04:00
sakofchit
274863f960
first
2022-08-05 16:14:06 -04:00
sakofchit
6934e67217
first
2022-08-05 16:14:02 -04:00