dumbmoron
5948cab4fb
web: move iPadOS workaround to global level
2024-08-06 14:19:01 +00:00
wukko
e074dd5b89
web/layout: more global styling for long-text-noto
2024-08-06 14:50:12 +06:00
wukko
87b76ec1e2
web/layout: add global long-text-noto style class
2024-08-06 14:29:15 +06:00
dumbmoron
3d34e09e1c
web: don't display pointer cursor for disabled buttons
2024-07-30 16:37:44 +00:00
wukko
194ff90d3d
web/layout: fix elevated colored button hover & active states
2024-07-28 13:14:55 +06:00
wukko
7411f358d2
web/DialogButtons: move elevated button styling to layout
2024-07-27 15:03:37 +06:00
dumbmoron
809178d6d8
web: import italic normal version of ibm-plex-mono
2024-07-26 08:22:21 +00:00
wukko
2d7d4cf091
web: add an update notification
2024-07-23 16:04:43 +06:00
wukko
23c9eb73aa
web: global data-focus-ring-hidden attribute
2024-07-23 14:41:55 +06:00
wukko
1234cc1083
web/settings: focus the page after navigation
...
mobile: focus page header
desktop: focus page content
2024-07-23 14:04:19 +06:00
wukko
c9ca0d51d9
web: add first focus functionality
...
element with `data-first-focus` will be focused first after navigation. extremely useful for screen readers.
2024-07-23 13:53:43 +06:00
wukko
314d3590ec
web/DialogButtons: don't apply hover effect if button is colored
2024-07-23 13:22:05 +06:00
wukko
7ee99ad30f
web/Skeleton: add elevated skeleton and use it for picker item
...
- fixed bg not being visible when shimmer is not on the element in dark theme
- fixed stuck gradient when motion is reduced
- fixed big skeleton
- skeleton is no longer focusable
2024-07-23 09:55:55 +06:00
wukko
88fa780f6d
web/layout: add dark theme skeleton gradient
2024-07-21 17:06:47 +06:00
wukko
d8acb5406a
web/layout: fix skeleton gradient
2024-07-21 16:49:38 +06:00
wukko
80300bf766
web/dialogs: moved backdrop to dialog holder, improved animation
2024-07-21 13:41:14 +06:00
dumbmoron
8a080c55f6
web: refactor and deduplicate locale preference logic
2024-07-20 14:37:52 +00:00
wukko
d7bf98a80b
web: settings reset confirmation, icons for small dialog
...
- cleaned up dialog i18n
- better red color
- made :active state visible for dialog buttons on mobile
- better body padding in small dialog
- better small dialog typing with optional values
2024-07-20 21:48:17 +06:00
dumbmoron
def6e26b9f
web/settings: add "erase all settings" button
2024-07-20 14:01:13 +00:00
wukko
720b3c5f68
web: full SmallDialog component, one flexible meowbalt component
...
- fully stylized small dialog: header, title, subtext, state without meowbalt
- moved meowbalt into his own adaptive component, no need to import/create new ones for each emotion
- better types for dialog related stuff
- type for meowbalt's emotions
- better padding in small dialog
2024-07-20 20:34:19 +06:00
wukko
8193e8c14d
web/buttons: add hover state to active button
2024-07-20 18:54:12 +06:00
wukko
204e025656
web/layout: allow text selection in subtext
2024-07-17 14:50:09 +06:00
wukko
fa835d0010
web/dialog: css for small dialog
...
- moved backdrop to each dialog
- dialog is now closable by clicking the backdrop
- added meowbalt to dialogs
- added more meowbalt assets & components
- added "main" boolean to indicate the main action button in a list of buttons
2024-07-16 14:00:56 +06:00
wukko
f9dc8096bc
web: always show focus ring
2024-07-14 23:21:04 +06:00
wukko
128ab388f3
web: add env variable & plausible functionality
2024-07-14 22:50:18 +06:00
wukko
578150e40e
web: add dynamic lang html tag
2024-07-14 21:10:41 +06:00
wukko
1712dc8948
web: switch main body color depending on theme
2024-07-14 20:42:32 +06:00
dumbmoron
1f0958a0d1
web/settings: move to state folder
2024-07-13 13:17:03 +00:00
wukko
4232c3437b
web: dialog system & basic small dialog
2024-07-13 19:15:43 +06:00
dumbmoron
15caad7e36
web: adjust gray color to pass WCAG AA guideline
2024-07-13 12:51:31 +00:00
wukko
6c9d759a3a
web: update save page i18n & add link to terms and ethics of use
...
now also styling <a> properly, with exceptions only when needed
2024-07-13 13:45:53 +06:00
wukko
96be9ffbc3
web/sidebar: redo padding on mobile & desktop
...
- accommodate space for scaling animation
- replace static padding with variable in calculations
- no more weird padding on mobile
2024-07-12 20:22:12 +06:00
wukko
5ccde7995e
web: convert global state classes to data attributes
...
also cleaned up unnecessary dupe in sidebar component
2024-07-12 19:15:55 +06:00
wukko
d27bed7add
web: respect reduced motion & transparency preferences
...
also cleaned up settings & device libs
2024-07-12 18:49:29 +06:00
wukko
e52340f33a
web/settings: improve subtext visibility
2024-07-10 20:19:05 +06:00
wukko
bad7e3307d
web/LanguageDropdown: proper component style
...
you can't toggle the "select" element programmatically, so i had to come up with a workaround. it works and looks beautifully!
also fixed buggy overflow in SettingsToggle component.
2024-07-08 00:18:25 +06:00
wukko
3e9296ac1e
web: remove legacy global navigation shortcuts
2024-07-04 00:12:30 +06:00
wukko
97d381e993
web: move all strings to i18n & improve a11y
...
- omnibox is now fully usable with a screen reader
- back button is now interpreted as such
- subtext now accepts line breaks
2024-07-03 23:54:44 +06:00
dumbmoron
70339b7ae9
web: handle global keyboard shortcuts
2024-07-03 17:51:01 +00:00
wukko
374611553b
web: add notch easter egg & optimize for landscape
...
it took way too much time to optimize the damn logo sticker under notch for all devices & zoom states
also improved device lib api
2024-07-03 19:05:14 +06:00
wukko
d11874e57f
web/layout: update input border color for light theme
2024-07-02 19:25:37 +06:00
wukko
7dd33d1341
web/layout: move main bg coloring to #cobalt
2024-06-29 23:46:28 +06:00
wukko
3527131cd7
web/settings: calculate item padding properly
2024-06-29 23:31:40 +06:00
wukko
ad6539e3bd
web/settings: replace checkbox with toggle
...
- equal font size & padding for all subtexts in settings
- equal padding & border radius for all settings components
it just looks way better now
2024-06-29 22:51:24 +06:00
wukko
f383f5d94e
web/theme: add dynamic status bar color on mobile
2024-06-29 20:24:51 +06:00
wukko
10a9c955d9
web: proper theming
2024-06-29 20:09:17 +06:00
wukko
7b289bfb16
web: mobile improvements
...
- all buttons now reflect that they're pressed or hovered
- settings feel way better on mobile
- settings header has been completely remade
2024-06-25 20:59:25 +06:00
wukko
ba2d0bb67f
web: fix app height & overscroll
2024-06-25 16:14:54 +06:00
wukko
55515f0fb1
web/settings: mobile layout, better padding & borders
2024-06-25 14:50:59 +06:00
wukko
23911cbc92
web: global focus-visible
2024-06-24 23:22:19 +06:00
