Commit Graph

3244 Commits

Author SHA1 Message Date
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
upsiflu 1ca7f41ac2 feat(ui): implement link styles; use growing Spacers in Sidebar 2025-01-08 21:34:04 +01:00
upsiflu 302781d1fe fix(front): infinite recursion because Button component was replaced but not imported 2025-01-08 21:34:04 +01:00
upsiflu 13efd647b4 fix(ui): links cannot contain buttons. Props `solid` and `ghost` cannot be combined (see ui-docs) 2025-01-08 21:34:04 +01:00
upsiflu ac46d07c83 fix(ui): make override colors stronger; fix sidebar color, i.e. default raised (gray-800 -> gray-900) 2025-01-08 21:34:04 +01:00
ArneBo 0cd25f7ce4 fix(ui):theme color switch for ghost button 2025-01-08 21:34:04 +01:00
ArneBo d2a99599f0 fix(ui): color sidebar & enable ghost style buttons 2025-01-08 21:34:03 +01:00
upsiflu 973464a07a feat(ui): set and document global dark colors (theme-dark) 2025-01-08 21:34:03 +01:00
ArneBo 24c3eec56a fix(ui): replace questionmark radio icon in sidebar with boombox 2025-01-08 21:34:03 +01:00
ArneBo e563560cb1 fix(ui): sidebar layout 2025-01-08 21:34:03 +01:00
ArneBo b04e5254c4 fix(ui): use consistent import syntax 2025-01-08 21:34:03 +01:00
ArneBo 5e3b867aef fix(ui): remove douplicate button import from trackbase.vue 2025-01-08 21:34:03 +01:00
upsiflu eb1344442d chore(ui-docs): improve color documentation and clean up colors.ts 2025-01-08 21:34:03 +01:00
upsiflu 533cd4e21b fix(ui): make aria-pressed "true" when given as a prop to the Button component 2025-01-08 21:34:03 +01:00
upsiflu e583c51a54 feat(ui): color (see "using color" in dev:ui-docs) 2025-01-08 21:34:03 +01:00
upsiflu 925d2db0a6 chore(style): contain all Sidebar classes inside the module 2025-01-08 21:34:03 +01:00
upsiflu 3865cbac93 feat(ui): add layout and spacing options 2025-01-08 21:34:03 +01:00
ArneBo 7f293d4143 feat(ui): new user menu in sidebar 2025-01-08 21:34:03 +01:00
upsiflu 32cf6c2e3d feat(ui): [WIP] use new Ui components for user menu in sidebar 2025-01-08 21:34:03 +01:00
upsiflu adec453e83 feat(ui-docs): add usability warning; make encapsulating popover state the default example; add example with long list; add TOC 2025-01-08 21:34:03 +01:00
upsiflu e1072b9dbb chore(ui-docs): rename `Layout` to `Theme` to prevent confusion with Layout component 2025-01-08 21:34:03 +01:00
upsiflu db197c24aa fix(ui): provide default injection value for 'popover' to eliminate error messages 2025-01-08 21:34:03 +01:00
ArneBo 3ad476fdfa fix(ui): [WIP] Sidebar add temporary user icon and router links until popover menus are in place 2025-01-08 21:34:03 +01:00
upsiflu 2273cab38d feat(ui-docs): activate global router 2025-01-08 21:34:03 +01:00
upsiflu ee2819d826 fix(ui): repair link in card with `to` route (whole card as link) 2025-01-08 21:34:03 +01:00
ArneBo 58e5e84610 feat(ui): Sidebar link to existing router links 2025-01-08 21:34:02 +01:00
ArneBo 32f67674cd fix(ui): Working Sidebar buttons 2025-01-08 21:34:02 +01:00
ArneBo 97c9201584 feat(ui): New Sidebar Layout 2025-01-08 21:34:02 +01:00
upsiflu 12ac7d1e79 chore(ui): update sidebar content 2025-01-08 21:34:02 +01:00
upsiflu 94f02e2d02 feat(ui): colors for active links 2025-01-08 21:34:02 +01:00
upsiflu 637db1c9c7 feat(ui): [WIP] add placeholder paths to sidebar links 2025-01-08 21:34:02 +01:00
upsiflu 01c59e3088 feat(ui): [WIP] add placeholder paths to sidebar links 2025-01-08 21:34:02 +01:00
upsiflu 1c7bed0f7e feat(ui): [WIP] add placeholder paths to sidebar links 2025-01-08 21:34:02 +01:00
upsiflu 10361af8f9 feat(ui): finish Link component (for Sidebar) 2025-01-08 21:34:02 +01:00
upsiflu 95dd23dbd0 feat(ui): [WIP] replace buttons with links in sidebar 2025-01-08 21:34:02 +01:00
upsiflu 7c07f87cfd feat(ui): use dark and light theme for ui components in funkwhale app 2025-01-08 21:34:02 +01:00
upsiflu ad9e3dd4b0 feat(ui): [WIP] new `Link` component, use for sidebar links 2025-01-08 21:34:02 +01:00
upsiflu 8ea49dd251 fix(ui): default slot has no name, see https://vuejs.org/guide/components/slots 2025-01-08 21:34:01 +01:00
ArneBo af6f0a4ccb fix(ui): sidebar todo comment invisible with html comment 2025-01-08 21:34:01 +01:00
ArneBo 6d06d9514d fix(ui): fixing errors 2025-01-08 21:34:01 +01:00
ArneBo f3a7be03ed fix(ui): [WIP] replace buttons 2025-01-08 21:34:01 +01:00
upsiflu 316908fe61 fix(front): remove botched Html comment 2025-01-08 21:34:01 +01:00
upsiflu f3ee0b9f77 feat(ui): [WIP] activate UIv2 (new designs, new routes) 2025-01-08 21:34:01 +01:00
ArneBo 5eef4692e1 [WIP] replace buttons with new ui component 2025-01-08 21:34:01 +01:00
ArneBo 5399f9be0e [WIP] replace modals and buttons with new ui components 2025-01-08 21:34:01 +01:00
upsiflu e0fb7f0fc4 [WIP] replace `semantic-modal` with `ui/Modal` component 2025-01-08 21:31:40 +01:00
upsiflu c369f3168a fix(front): [WIP] replace `semantic-modal` with `ui/Modal` component 2025-01-08 21:31:40 +01:00
upsiflu aa2016ce59 feat(ui): make modal closed by default 2025-01-08 21:31:40 +01:00
upsiflu 48a86d1515 chore(style): remove duplicate import (funkwhale.scss is already imported into vite.config.ts) 2025-01-08 21:31:40 +01:00
ArneBo 491871c598 fix(front): Add missing closing </div> 2025-01-08 21:31:40 +01:00
ArneBo 1b15355b76 fix(front): Remove SetInstanceModal for real 2025-01-08 21:31:40 +01:00
ArneBo baa34a2e08 fix(front): re-enable port in vite.config.ts; delete SetInstanceModal from LegacyLayout 2025-01-08 21:31:40 +01:00
upsiflu 8f69c7b3bd fix(ui): [WIP] remove `useGettext` translation mechanism
TODO: Replace with `{ t }`
2025-01-08 21:31:40 +01:00
upsiflu 10683f327c fix(ui): [WIP] remove translation mechanism
TODO: Replace with
2025-01-08 21:31:40 +01:00
upsiflu ebc85d2a19 fix(ui): [WIP] import TagsList explicitly 2025-01-08 21:31:40 +01:00
upsiflu c5307fcdcc fix(front) [WIP] Comment out jQuery `search` until we find the correct version 2025-01-08 21:31:40 +01:00
upsiflu 95a78c6bae fix(front): re-instate SetInstanceModal 2025-01-08 21:31:39 +01:00
upsiflu 4d38a47d55 chore(ui-docs): change order to Button..Modal 2025-01-08 21:31:39 +01:00
ArneBo 46af65e54c fix(ui): import jQuery 2025-01-08 21:31:39 +01:00
upsiflu 0695d7e913 feat(ui): modal template for confirming dangerous actions 2025-01-08 21:31:39 +01:00
upsiflu 66239b00a3 chore(typo): remove duplicate definition of `{ t }` 2025-01-08 21:31:39 +01:00
upsiflu a0acb15492 chore(cleanup): remove unused imports and functions 2025-01-08 21:31:39 +01:00
upsiflu 3d4562e180 chore(typo): execute function on click 2025-01-08 21:31:18 +01:00
upsiflu 4cfacf009f chore(typo): add missing vue imports 2025-01-08 21:31:18 +01:00
upsiflu bf859e38ee chore(typo): use existing color name 2025-01-08 21:31:18 +01:00
upsiflu f3961449f1 chore(typo): execute function on click 2025-01-08 21:31:18 +01:00
upsiflu e50a62b26a fix(ui): [WIP] remove fomantic dropdown 2025-01-08 21:31:18 +01:00
upsiflu 415661e0a5 chore(ui-docs): boolean variables start with 'is' 2025-01-08 21:31:18 +01:00
upsiflu 09077156ad chore(ui): [WIP] replace jquery-based dropdown with new popover 2025-01-08 21:31:18 +01:00
upsiflu b447daed47 chore(ui): use `store` object instead of `$store` plugin 2025-01-08 21:31:18 +01:00
ArneBo 074df60f09 WIP: TrackBase.vue 2025-01-08 21:30:13 +01:00
ArneBo 34ed89c378 fix(ui): more '''s declared as 'store' 2025-01-08 21:30:13 +01:00
ArneBo 30e4ea64c7 forgot one 2025-01-08 21:30:13 +01:00
ArneBo edad84b0b6 consistent use of i18n for translations, replace , and global variables with local definitions 2025-01-08 21:30:13 +01:00
ArneBo 4d78c2143c fix(ui):[WIP] replace popover menus, buttons, messages 2025-01-08 21:28:56 +01:00
ArneBo 481fee8f5f fix(ui-docs): Reveal hidden dropdown menu in popover component and fix it to be working 2025-01-08 21:28:56 +01:00
ArneBo b726b27a7e fix(ui): remove fomantic 2025-01-08 21:28:56 +01:00
ArneBo 54bbb355b1 fix(ui): remove fix-fomantic from package.json 2025-01-08 21:28:56 +01:00
upsiflu e236c3e8f6 feat(ui-docs): document contributing to Ui components 2025-01-08 21:28:56 +01:00
ArneBo b234b79acf fix(ui): remove fomantic post install script 2025-01-08 21:28:56 +01:00
ArneBo 0029107972 fix(ui): remove call of external ui from main.ts 2025-01-08 21:28:56 +01:00
ArneBo 3b537a2b85 fix(ui): remove fomantic, replace external ui with built stylesheets 2025-01-08 21:28:56 +01:00
ArneBo d967e91dcc fix(ui): active toggle visible in dark-theme 2025-01-08 21:28:56 +01:00
upsiflu 534c074a4f feat(ui): integrate theme in ui-docs (`yarn docs:dev`) 2025-01-08 21:28:55 +01:00
upsiflu 4fdecbe629 fix(ui config): enable vitepress support in editors; upgrade to vue v3.5
This fix enables destructuring for `defineModel` and `defineProps` used
in the ui components
2025-01-08 21:28:55 +01:00
upsiflu 0e045bda11 chore(ui): make imports consistent; modernize `useProps` and `useModel`
WIP: #2355
2025-01-08 21:28:55 +01:00
upsiflu 8d54d7b87a chore(front): Replace `defineProp` macro with `defineProps` builtin available in Vue 3.5 2025-01-08 21:28:55 +01:00