Commit Graph

3430 Commits

Author SHA1 Message Date
upsiflu 372329c13d chore(ui-docs): minor additions 2025-01-10 01:22:17 +01:00
upsiflu fff04844f9 fix(ui): use small buttons in pagination footer 2025-01-10 01:21:05 +01:00
upsiflu 1ecd8af59f refactor(ui): use terser type syntax 2025-01-10 01:13:56 +01:00
upsiflu 9539e1af79 feat(ui-docs): offer quick import snippet for each component 2025-01-10 01:13:17 +01:00
upsiflu 59387fb3ea fix(ui): cards without content have no empty space 2025-01-10 01:04:39 +01:00
upsiflu 78a5179087 refactor(ui-docs): establish navigation subsection; apply more funkwhale colors 2025-01-10 01:03:40 +01:00
upsiflu c5be51e779 refactor(ui): add heading component for visual consistency and maintainability 2025-01-10 01:01:34 +01:00
upsiflu 7e19fd23f0 refactor(ui): move all Ui components into the same directory level 2025-01-10 00:46:57 +01:00
upsiflu fce2709b9f fix(ui): regression in `Layout grid` 2025-01-09 15:14:21 +01:00
upsiflu 304cf2e90f docs(ui-docs): display funkwhale colors everywhere 2025-01-09 15:02:36 +01:00
upsiflu 2244d4d88a refactor(colors): better contrasts 2025-01-09 15:01:26 +01:00
upsiflu 4b97b88f8d refactor(ui): tags in card component have 4px gap 2025-01-09 15:00:59 +01:00
upsiflu af239917bc fix(front): regressions after rebase on `develop` 2025-01-09 01:15:31 +01:00
upsiflu d122f7cdf4 fix(typo) 2025-01-08 21:38:46 +01:00
ArneBo 11dcd8db19 fix(front): [WIP] Radios page 2025-01-08 21:38:46 +01:00
upsiflu 72649a48e3 refactor(ui): additional size props for button, input and link 2025-01-08 21:38:46 +01:00
upsiflu 952d81bfaa chore(ui-docs): update color prop for button component in docs 2025-01-08 21:38:46 +01:00
upsiflu 5efa7f2ab8 fix(ui): correct placement of #after content (popup menu) 2025-01-08 21:38:46 +01:00
upsiflu 09fbd822c3 fix(style): visible aria-pressed color (default on raised surface) 2025-01-08 21:38:46 +01:00
upsiflu 16c88c7f6f chore(config): fix error in tsconfig by removing long-deprecated $ref macro 2025-01-08 21:38:46 +01:00
upsiflu 48b43d457b chore(config): enable ts language server for .md files 2025-01-08 21:38:46 +01:00
upsiflu 0cfac50669 chore(ui-docs): document `aria-pressed` and toggle-switch vs. toggle-button 2025-01-08 21:38:46 +01:00
upsiflu 3817eb8800 refactor(front): profile page with section as header 2025-01-08 21:38:46 +01:00
upsiflu adf3bffc9b refactor(ui): layout section header without subdivision ('no-items') for use case with only full-width items 2025-01-08 21:37:54 +01:00
upsiflu f39b3353a3 fix(ui): Components have no padding on their own. All spacing/gaps need to be added by container 2025-01-08 21:37:54 +01:00
upsiflu ae00d58da8 refactor(ui): same paddings in Link as in Button component 2025-01-08 21:37:54 +01:00
upsiflu b5eb1dc586 refactor(front): no 'edit' button in header of profile page 2025-01-08 21:37:54 +01:00
upsiflu e99fc3b8aa chore(front): spacings, gaps, paddings 2025-01-08 21:37:54 +01:00
upsiflu 2d42b3a07c refactor(ui): Section component has no space on top (needs gap) 2025-01-08 21:37:54 +01:00
upsiflu 914a260c75 feat(front): autocomplete for different input fields 2025-01-08 21:37:54 +01:00
ArneBo 6b70c11b9c fix(front) mistakes 2025-01-08 21:37:54 +01:00
ArneBo 404b6f5f7a fix(front): [WIP] favourites page 2025-01-08 21:37:54 +01:00
ArneBo 13af438026 chore(front): remove deprecated dropdowns 2025-01-08 21:37:53 +01:00
ArneBo f3b09edcbb fix(ui) pre-fix-regressions 2025-01-08 21:37:53 +01:00
ArneBo 154f68b153 fix(ui): podcasts remote search form 2025-01-08 21:37:53 +01:00
ArneBo 4681e23a1e fix(ui): Modal toggles 2025-01-08 21:37:53 +01:00
ArneBo 42805171fe fix(style) [WIP] Library search pages 2025-01-08 21:37:53 +01:00
ArneBo 17bed3e9b4 fix(ui-docs) Loader documentation 2025-01-08 21:37:53 +01:00
ArneBo d5f8b674b8 fix(ui): [WIP] Playlist Search 2025-01-08 21:37:53 +01:00
ArneBo d83cfd714c fix(style) page layout top margin 2025-01-08 21:37:53 +01:00
ArneBo dc233b67e6 fix(style) [WIP] Collapsed sidebar button overrides 2025-01-08 21:37:53 +01:00
ArneBo 0652a3c388 feat(ui) [WIP] explore page 2025-01-08 21:37:53 +01:00
ArneBo 0f31ea925c fix(style) sidebar header icons spacing 2025-01-08 21:37:53 +01:00
ArneBo eef1052676 fix(ui) sidebar auth state button switches 2025-01-08 21:37:53 +01:00
ArneBo d957d16042 fix(style) logout login button style 2025-01-08 21:37:53 +01:00
ArneBo 5ad37d30c6 feat(ui): user profile pic 2025-01-08 21:37:53 +01:00
ArneBo 6a4aaada5c feat(ui) Tabs use new button component, correct spacing 2025-01-08 21:37:53 +01:00
ArneBo 601cc3a663 feat(ui) [WIP] User profile page 2025-01-08 21:37:53 +01:00
ArneBo 0d5d3bbba1 fix(style): sidebar pixel better 2025-01-08 21:34:40 +01:00
ArneBo 92dcef488c fix(style): [WIP] Sidebar Colors; Focus Outline 2025-01-08 21:34:40 +01:00
ArneBo b26e85ff75 fix(style): sidebar pixel perfect 2025-01-08 21:34:40 +01:00
ArneBo 611d291c69 fix(style): [WIP] Sidebar style regressions 2025-01-08 21:34:40 +01:00
ArneBo e043dc8020 fix(style): [WIP] Sidebar style regressions 2025-01-08 21:34:40 +01:00
upsiflu 6c1d1c5785 feat(ui): default height of 48px for all inputs 2025-01-08 21:34:40 +01:00
upsiflu 6e5c9bad76 feat(ui): iconWidth 2025-01-08 21:34:40 +01:00
upsiflu 8b25ed8fc1 fix(regression): App background color 2025-01-08 21:34:40 +01:00
upsiflu a068792306 feat(ui): editable list of pills 2025-01-08 21:34:40 +01:00
upsiflu 89d8ee5b9e feat(upload): [WIP] Choose between `Library` and `Channel` uploader 2025-01-08 21:34:40 +01:00
upsiflu ae8ed94d5b refactor(ui-docs): clearer examples for layout section component 2025-01-08 21:34:40 +01:00
upsiflu e450303f83 feat(ui): if a component receives conflicting props, the explicit precedence list decides which prop wins 2025-01-08 21:34:40 +01:00
upsiflu 220a589715 feat(ui): Link style `force-underline` 2025-01-08 21:34:40 +01:00
upsiflu 2c078236d7 feat(docs): document layout section component 2025-01-08 21:34:40 +01:00
ArneBo 90ae581379 fix(style): usermenu styles 2025-01-08 21:34:40 +01:00
upsiflu 3f2dfc95b3 feat(ui): Layout section component 2025-01-08 21:34:40 +01:00
upsiflu 860f12512c feat(ui): [WIP] Layout section component 2025-01-08 21:34:40 +01:00
upsiflu 4a62f05d1e fix(regression): button width CSS definition 2025-01-08 21:34:40 +01:00
ArneBo 2d5d7ee2ad fix(ui): usermenu 2025-01-08 21:34:40 +01:00
ArneBo a428f00afe fix(style): [WIP] User profile 2025-01-08 21:34:40 +01:00
ArneBo 4428873583 fix(style): [WIP] pagination in artist page 2025-01-08 21:34:40 +01:00
ArneBo b552ca180f fix(style): [WIP] pagination in artist page 2025-01-08 21:34:40 +01:00
ArneBo 132e236750 fix(style) sidebar default collapsed 2025-01-08 21:34:40 +01:00
ArneBo 96e9004928 fix(style): Collapsed sidebar hamburger alignment 2025-01-08 21:34:40 +01:00
ArneBo 334c645d70 fix(style): [WIP] Artist page input select styles 2025-01-08 21:34:39 +01:00
ArneBo 384cd5692a fix(ui): pagination styles 2025-01-08 21:34:39 +01:00
ArneBo 742621d149 fix(style): [WIP] pagination in artist page 2025-01-08 21:34:39 +01:00
upsiflu e9a79dfaf8 feat(ui): implement autofocus prop on input and link 2025-01-08 21:34:39 +01:00
upsiflu dcddaaa561 fix(regressions): alignment and color 2025-01-08 21:34:39 +01:00
ArneBo b4cf8ff897 fix(ui): working link in password reset 2025-01-08 21:34:39 +01:00
upsiflu 469405767f fix(colors): make outlines visible 2025-01-08 21:34:39 +01:00
upsiflu e79aaf84de chore(ui-docs): update documentation 2025-01-08 21:34:39 +01:00
upsiflu 8240856630 refactor(ui): factor out alignment (like width and color) 2025-01-08 21:34:39 +01:00
upsiflu c9f59cbd26 fix(ui) 2025-01-08 21:34:39 +01:00
upsiflu 8cfd8e8d9f fix(style) 2025-01-08 21:34:39 +01:00
upsiflu d8554f6ced fix(ui-docs): evil pre-commit autocorrect 2025-01-08 21:34:39 +01:00
upsiflu c0219d3fa8 chore(docs): update documentation to match code 2025-01-08 21:34:39 +01:00
upsiflu 3f9799fd20 fix(ui): width prop is respected on internal links 2025-01-08 21:34:39 +01:00
ArneBo 2818c3eff3 feat(ui): [WIP] Artist page 2025-01-08 21:34:39 +01:00
ArneBo fdaba924a1 fix(ui): [WIP] Link button width 2025-01-08 21:34:39 +01:00
ArneBo 22951de0fb fix(ui): [WIP] Logout page link button 2025-01-08 21:34:39 +01:00
ArneBo d0cea0fdf4 refactor(ui): change title to label prop for toggles for consistency 2025-01-08 21:34:39 +01:00
ArneBo 1d2351892f fix(style): Center usermenu button self-alignment 2025-01-08 21:34:39 +01:00
ArneBo 4673c3e24c fix(ui): add missing layout imports on user forms 2025-01-08 21:34:39 +01:00
upsiflu e7a476150f chore(style): buttons are left-aligned by default 2025-01-08 21:34:39 +01:00
ArneBo 44643a9b96 fix(style): Consistent alert headings 2025-01-08 21:34:39 +01:00
ArneBo 424cea646e fix(style): logout page Alert 2025-01-08 21:34:39 +01:00
ArneBo 726f73f177 feat(ui): logout page 2025-01-08 21:34:39 +01:00
upsiflu 61e03ca9a0 chore(ui): minor improvements 2025-01-08 21:34:38 +01:00
upsiflu 8ff2c05e05 feat(ui): form layout 2025-01-08 21:34:38 +01:00
upsiflu 2ebda850c7 feat(ui): allow custom width (via composable props) 2025-01-08 21:34:38 +01:00
ArneBo a588726a54 feat(front): artist page search bar 2025-01-08 21:34:38 +01:00
ArneBo e67b8693c9 fix(style): set correct height for icons on inputs 2025-01-08 21:34:38 +01:00
ArneBo 2a997b4edc fix(style): set correct line height for inputs; add more padding to labels; bigger icons in input-right 2025-01-08 21:34:38 +01:00
upsiflu 989212754a fix(front): set label prop resp. slot in inputs 2025-01-08 21:34:38 +01:00
upsiflu 81269f7fad fix(front): set label prop resp. slot in inputs 2025-01-08 21:34:38 +01:00
upsiflu b2ba7e1e6a feat(ui): add label prop and slot to textarea component 2025-01-08 21:34:38 +01:00
upsiflu 9e3f2cfb57 feat(ui): add `label` convenience prop to input 2025-01-08 21:34:38 +01:00
upsiflu fe8c7aa564 refactor(front): replace password-input with input; set label prop 2025-01-08 21:34:38 +01:00
upsiflu 77090134d5 chore(ui-docs): add example code to input docs 2025-01-08 21:34:38 +01:00
upsiflu bb4fbd6e50 refactor(ui): keep password visible when tabbing from 'show password' into input 2025-01-08 21:34:38 +01:00
upsiflu f3da51bbe6 refactor(ui): implement search and password type input 2025-01-08 21:34:38 +01:00
upsiflu 709a7be25e feat(style): No horizontal margin around buttons (except between buttons) 2025-01-08 21:34:38 +01:00
ArneBo c638ef31a2 feat(ui): WIP Artist Page 2025-01-08 21:34:38 +01:00
ArneBo 52b3d43f6b fix(style): layout paddings 2025-01-08 21:34:38 +01:00
ArneBo a33face736 fix(style): Password Input remove styles and indent 2025-01-08 21:34:38 +01:00
ArneBo a2677477f7 fix(style): consistent import dirs on about page 2025-01-08 21:34:38 +01:00
ArneBo 885bf8bc87 fix(style): input field styles 2025-01-08 21:34:38 +01:00
upsiflu e3529d8753 fix(modal): repair layout regression 2025-01-08 21:34:38 +01:00
ArneBo b9f405e52d fix(style): password reset pages 2025-01-08 21:34:38 +01:00
ArneBo acf518a51a fix(style): new signup form 2025-01-08 21:34:38 +01:00
ArneBo 5c48b80bed fix(style): global form label styles 2025-01-08 21:34:38 +01:00
ArneBo 3cd832f288 fix(style): Flexible alert styles 2025-01-08 21:34:37 +01:00
ArneBo 275ed13890 feat(style): new login form 2025-01-08 21:34:37 +01:00
ArneBo f403f2207d fix(style): fix missing icon gap in usermenu popover logout 2025-01-08 21:34:37 +01:00
ArneBo 78c64a03a4 fix(style): keep sidebar monochrome 2025-01-08 21:34:37 +01:00
ArneBo ce03a0ccee fix(style): make login and signup buttons visible on desktop if not logged in 2025-01-08 21:34:37 +01:00
ArneBo 55789f5c01 fix(style): remove now obsolete pusher classes from pages 2025-01-08 21:34:37 +01:00
ArneBo 840c0c4fc0 feat(style): SVG switchable monochrome logo in sidebar 2025-01-08 21:34:37 +01:00
upsiflu 9dd10d856d refactor(ui-docs): minor improvements 2025-01-08 21:34:37 +01:00
upsiflu 3ba9f38fa7 feat(ui): add title prop to toggle 2025-01-08 21:34:37 +01:00
upsiflu 89d032950d fix(style): fine-tune values 2025-01-08 21:34:37 +01:00
upsiflu a49a311caa chore(cleanup): no console.log in the app 2025-01-08 21:34:37 +01:00
upsiflu 79edf6a0a5 fix(style): minor style corrections 2025-01-08 21:34:37 +01:00
upsiflu acb3656839 fix(front): `aria-pressed` is either true or undefined 2025-01-08 21:34:37 +01:00
upsiflu e99a2c2d25 chore(ui-docs): general improvements 2025-01-08 21:34:37 +01:00
upsiflu dc9bd164ed feat(ui-docs): example page layout with responsive grid 2025-01-08 21:34:37 +01:00
upsiflu 4069d2ba71 refactor(ui): composable widths; default colors and widths; consistent props; 2025-01-08 21:34:37 +01:00
upsiflu c65b4bd4f0 feat(ui): more consistent props 2025-01-08 21:34:37 +01:00
upsiflu 37d99e1a53 refactor(about): [WIP] add 2-up and 3-up card layouts 2025-01-08 21:34:36 +01:00
upsiflu bbe8a711d7 fix(ui): link text is left-aligned by default; links are auto-aligned 2025-01-08 21:34:36 +01:00
upsiflu e37aa17f85 fix(ui): links align themselves left by default; improve responsive spacing in card 2025-01-08 21:34:36 +01:00
upsiflu 2c608ae467 fix(ui-docs): dead links 2025-01-08 21:34:36 +01:00
upsiflu f9bbfc3c88 fix(ui): icon class 2025-01-08 21:34:36 +01:00
upsiflu 50bb8808bf fix(a11y): make popover focusable; document additional usability issues 2025-01-08 21:34:36 +01:00
upsiflu 492e83db04 fix(color): set aria-pressed (activated) text color for non-buttons 2025-01-08 21:34:36 +01:00
upsiflu 146d624d38 feat(ui-docs): custom grid layout; add examples 2025-01-08 21:34:36 +01:00
upsiflu 0cbed99311 feat(ui-docs): improve layout documentation 2025-01-08 21:34:36 +01:00
upsiflu e2672291d0 fix(style): add more fallback colors for basic html elements 2025-01-08 21:34:36 +01:00
upsiflu 9253e8e408 fix(modals): operate global modals through central ui state (vuex) 2025-01-08 21:34:36 +01:00
upsiflu 3955c9ebcd refactor(about): [WIP] use new components 2025-01-08 21:34:36 +01:00
upsiflu 7c29dee096 fix(ui): clean up console.logs 2025-01-08 21:34:36 +01:00
upsiflu e1bd30eb9d feat(ui-docs): minor improvements and corrections 2025-01-08 21:34:36 +01:00
ArneBo 008d8e2a8a fix(ui): remove inert state when modal is closed; buttons are forced to be hidden on desktop 2025-01-08 21:34:36 +01:00
ArneBo 33ef977860 fix(ui): shortcuts modal without table and bottom lines 2025-01-08 21:34:36 +01:00
ArneBo d8111dcbf6 fix(ui): responsive sidebar stays open on desktop when url changes 2025-01-08 21:34:36 +01:00
ArneBo 5f6d0c6bb2 feat(ui): Sidebar thick active links 2025-01-08 21:34:36 +01:00
ArneBo 5032b2536b fix(ui): remove typography.scss from main.scss 2025-01-08 21:34:36 +01:00
upsiflu 03373cba95 feat(ui-docs): add default colors to vitepress docs container 2025-01-08 21:34:36 +01:00
upsiflu 50edbf0cfa feat(ui): document default color choice for buttons 2025-01-08 21:34:36 +01:00
upsiflu ae384cbd46 feat(ui): make bottom links slightly responsive 2025-01-08 21:34:35 +01:00
upsiflu a8c23648e4 feat(ui-docs): add default funkwhale background behind previews to better judge colors 2025-01-08 21:34:35 +01:00
upsiflu 6ee1343443 feat(ui-docs): improve card documentation 2025-01-08 21:34:35 +01:00
upsiflu 84eb16bb01 feat(ui): card can be small (fitting the contents) 2025-01-08 21:34:35 +01:00
upsiflu c4d4289c6a feat(ui): links have the same alignment props as buttons 2025-01-08 21:34:35 +01:00
upsiflu 26a6b45542 feat(ui): buttons can be raised (colors) 2025-01-08 21:34:35 +01:00
upsiflu 2602280080 chore(ui): simplify layout component, improve documentation 2025-01-08 21:34:35 +01:00
upsiflu db3b00dd1f feat(docs): show comparative example color uses in ui-docs 2025-01-08 21:34:35 +01:00
upsiflu 7296a352d9 feat(ui): responsive sidebar (breakoff: 1024px) 2025-01-08 21:34:35 +01:00
upsiflu bd840a4ba6 feat(ui): align button center in cross axis; enable large button class 2025-01-08 21:34:35 +01:00
upsiflu 4c2c2a6e4d feat(about): merge about and about-this-pod pages 2025-01-08 21:34:35 +01:00
upsiflu 9a943d6c37 fix(route): use explicit router import instead of plugin 2025-01-08 21:34:35 +01:00
upsiflu 4b199471cf fix(style): minor adjustments to layout and colors 2025-01-08 21:34:35 +01:00
upsiflu 22b99a10e0 fix(style): make [aria-pressed] override any :hover styles 2025-01-08 21:34:35 +01:00
upsiflu b6d4ca5901 feat(ui): use new prop `to` for link-like popover items 2025-01-08 21:34:35 +01:00
upsiflu 0659342715 feat(ui): use column layout for language modal 2025-01-08 21:34:35 +01:00
upsiflu 0672f7e966 feat(ui): make legal links on sidebar thin 2025-01-08 21:34:35 +01:00
upsiflu 7bca997597 feat(ui): link accepts color and stylistic props 2025-01-08 21:34:35 +01:00
upsiflu 2e1f095d37 fix(ui): modal accepts semantic color 2025-01-08 21:34:35 +01:00
upsiflu e2582a4a3d feat(ui-docs): make ui-docs background neutral so we can better see the components on it 2025-01-08 21:34:35 +01:00
upsiflu b806f97fe1 feat(ui): [WIP] remove more stale color definitions 2025-01-08 21:34:35 +01:00
upsiflu 85004fa40e feat(ui): enable color props on Popover and Modal 2025-01-08 21:34:35 +01:00
upsiflu 7162f496fa feat(ui): enable links on Popover items 2025-01-08 21:34:35 +01:00
upsiflu c2dcd6cdba feat(ui): enable columns layout 2025-01-08 21:34:35 +01:00
upsiflu 1b5cfc7215 feat(ui): add more style props to Button 2025-01-08 21:34:35 +01:00
upsiflu 2c4690f9d0 chore(ui): [WIP] remove stale color definitions 2025-01-08 21:34:35 +01:00
upsiflu 873dcaa72b fix(docs): formatting error 2025-01-08 21:34:35 +01:00
upsiflu 739bbb40e3 chore(ui): [WIP] remove stale color definitions 2025-01-08 21:34:35 +01:00
upsiflu 3ab5830296 chore(docs): add usability hint to popover documentation 2025-01-08 21:34:35 +01:00
upsiflu 0460525e3f chore(docs): how to change colors 🌈 2025-01-08 21:34:35 +01:00
ArneBo f7c3ed9c12 fix(ui): revert now obsolete sidebar link hover styles 2025-01-08 21:34:35 +01:00
ArneBo c64f05e16a fix(ui): sidebar links hover no underline 2025-01-08 21:34:35 +01:00
upsiflu a40736d0b6 feat(ui): Link component with no explicit styling has an underline 2025-01-08 21:34:35 +01:00
upsiflu a64bfa5f20 fix(style): implement all necessary central color definitions for the Sidebar links and buttons 2025-01-08 21:34:34 +01:00
upsiflu 17ff21ab4f feat(ui): simplify layout of Sidebar 2025-01-08 21:34:34 +01:00
upsiflu efc0fb4f19 feat(ui): make Link with item render similarly to Button with icon 2025-01-08 21:34:34 +01:00
upsiflu b31a8caf86 feat(ui): allow Layout component to embody Html tags (nav, header, ...) 2025-01-08 21:34:34 +01:00
upsiflu b5475a1cba feat(ui): allow Button to have neutral ("default") color (useful in combination with ghost or outline) 2025-01-08 21:34:34 +01:00
upsiflu 1740fa7c11 feat(ui): enable and style shortcuts modal 2025-01-08 21:34:34 +01:00
upsiflu 74958dcf34 fix(style): add prop `overPopover` prop to render Modal over any popover 2025-01-08 21:34:04 +01:00
upsiflu bddbb813dc fix(front): remove LegacyLayout from App.vue because it created errors in Chrome 2025-01-08 21:34:04 +01:00
ArneBo a0a97e2bca fix(ui): style sidebar search 2025-01-08 21:34:04 +01:00