Commit graph

79 commits

Author SHA1 Message Date
wukko
cb7d1baee0
web/layout: update global heading text style in long text 2024-09-05 10:21:30 +06:00
wukko
0408fc446a
web/layout: don't apply noto mono for titles 2024-09-05 09:58:25 +06:00
wukko
49460bd16d
web: load turnstile only in save tab and only once
turnstile will stay in background after being loaded once (just like before), but now it will not load on pages other than save if they are opened first
2024-09-05 00:04:41 +06:00
dumbmoron
5b42757896
web: remove background override from global css 2024-09-03 07:58:52 +00:00
dumbmoron
2deb8aa53b
web: add fade-in animation 2024-09-02 14:16:21 +00:00
wukko
384c6deced
web: add support for cloudflare turnstile 2024-08-16 00:08:57 +06:00
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