feat(web): Add helper tooltips for inputs and link them to docs (#663)

* Fixed button border in settings/download-clients

Button border for "Add new" is now uniform with other "Add new"-buttons

* enhancement(docs) add helper tooltips

-  Add helper tooltips for inputs and link them to docs #161

* fix build error

* tooltips: changed positition

* hide tooltip below 640 width

* made tooltips better

now attaching to TextField names

* Added icon variation for MultiSelect and CheckboxField

* cleaned up old code

* refactor

Co-authored-by: ze0s <zze0s@users.noreply.github.com>

* added tooltips for DownloadClientForms

* added tooltips for indexerforms

* div for passwordfieldwide

* tooltips for details.tsx

* added tooltips to actions.tsx

* added tooltips to indexerforms.tsx

* replaced info icon with a more rudimentary one

* linting, removed duplicate tailwind display properties

* remove margin for flex centering

* fixed tooltip alignment on all fields

* add tooltip to PwFieldWide in indexer edit window

* refactor: simplify tooltips

* refactor: scope tooltip css

* refactor: tooltip default clickable

---------

Co-authored-by: martylukyy <35452459+martylukyy@users.noreply.github.com>
Co-authored-by: ze0s <43699394+zze0s@users.noreply.github.com>
This commit is contained in:
soup 2023-02-03 17:03:49 +01:00 committed by GitHub
parent a50332394c
commit 3fdd7cf5e4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 256 additions and 90 deletions

View file

@ -1997,6 +1997,22 @@ __metadata:
languageName: node
linkType: hard
"@floating-ui/core@npm:^1.0.5":
version: 1.1.0
resolution: "@floating-ui/core@npm:1.1.0"
checksum: ac48969915247320e52d173480c224e2ded94d557ba4cc504547bb314d126348dcc0aeef05686673e1b289596e6ce15118edc84900dd310c613d805f83b4e27d
languageName: node
linkType: hard
"@floating-ui/dom@npm:^1.0.4":
version: 1.1.0
resolution: "@floating-ui/dom@npm:1.1.0"
dependencies:
"@floating-ui/core": ^1.0.5
checksum: 717551da6f470101cd1de0edc449b229fade7f94c2ff98d09e14ced041e27092aac94bd78756c4247a42b57129f187292f145f0001a81ece399a89b20b4be60b
languageName: node
linkType: hard
"@fontsource/inter@npm:^4.5.11":
version: 4.5.11
resolution: "@fontsource/inter@npm:4.5.11"
@ -4681,6 +4697,13 @@ __metadata:
languageName: node
linkType: hard
"classnames@npm:^2.3.2":
version: 2.3.2
resolution: "classnames@npm:2.3.2"
checksum: 2c62199789618d95545c872787137262e741f9db13328e216b093eea91c85ef2bfb152c1f9e63027204e2559a006a92eb74147d46c800a9f96297ae1d9f96f4e
languageName: node
linkType: hard
"clean-css@npm:^5.2.2":
version: 5.3.0
resolution: "clean-css@npm:5.3.0"
@ -11120,6 +11143,19 @@ __metadata:
languageName: node
linkType: hard
"react-tooltip@npm:^5.5.2":
version: 5.5.2
resolution: "react-tooltip@npm:5.5.2"
dependencies:
"@floating-ui/dom": ^1.0.4
classnames: ^2.3.2
peerDependencies:
react: ">=16.14.0"
react-dom: ">=16.14.0"
checksum: 2858744531317ce491bd234bdf80dd3412ea0b147a7d88bba55cebb9c42787acc5420a9b63c6134e0b1f5ab9477b8ac7bff3961c4738aaf8bff90c6c9dc0a649
languageName: node
linkType: hard
"react-transition-group@npm:^4.3.0":
version: 4.4.2
resolution: "react-transition-group@npm:4.4.2"
@ -12980,6 +13016,7 @@ __metadata:
react-scripts: ^5.0.1
react-select: ^5.3.2
react-table: ^7.8.0
react-tooltip: ^5.5.2
stacktracey: ^2.1.8
tailwindcss: ^3.1.3
typescript: ^4.7.3