sua yoo
894fc63835
Refactor data table to use btrix-table
component ( #1474 )
...
- Refactors `btrix-data-table` to use `btrix-table`
- Prevent tables from breaking layout at smaller screen size
2024-01-28 21:17:47 -08:00
sua yoo
534f5ff2c7
Increase app max width ( #1484 )
...
Increases max width of entire app
---------
Co-authored-by: Henry Wilkinson <henry@wilkinson.graphics>
2024-01-23 10:41:25 -08:00
sua yoo
dbd48cf8e3
Improvements to collection creation and editing flow ( #1424 )
...
Resolves https://github.com/webrecorder/browsertrix-cloud/issues/1333
- Moves "Select Crawls" / "Select Uploads" steps into a single "Select
Archived Items" dialog
- Refactors new collection metadata dialog to accept editing existing
collection
- Prevents RWP component from rendering if there are no archived items
(@Shrinks99 made a comment about this figma, but this prevents
unnecessary requests when there isn't an archive to replay)
- Shows collection description at bottom of detail page at all times
(@Shrinks99 seems useful to see even on archived items view?)
- Switches collection detail primary action to "Add Archived Items" if
none are included (cc @Shrinks99)
- Displays friendlier "name taken" error
- Removes unused Collection edit route
- Upgrades markdown dependencies for fixes/improvements to description
editing
---------
Co-authored-by: Henry Wilkinson <henry@wilkinson.graphics>
2023-12-19 18:12:43 -08:00
Emma Segal-Grossman
73e20269ef
Org settings layout fix + misc styling & consistency improvements ( #1427 )
...
## General changes
- Added `postcss-lit`, which allows us to use tailwind in lit elements
with shadow DOMs
- Added `// postcss-lit-disable-next-line` comments to most `` css`...`
`` tagged templates so as not to change existing CSS in components
- Added `TailwindElement`, which uses a single shared `CSSStyleSheet`
across all instances to be able to access Tailwind without requiring a
full copy of (compiled) Tailwind for every instance of a component that
extends it
- Added a new `<btrix-copy-field>` element, replacing the existing copy
elements
## Org settings page
- Stopped content from overflowing at medium widths
- Made spacing consistent at both smaller and wider widths
- Used readonly/monospace styling for copyable org id field
- Updated tab shadows to be slightly blue, consistent with the tab
background (also did this in other places tabs show up)
Before | After
-|-

|


| 
## Misc fixes
- Used consistent single-line readonly/monospace styling for copyable
url field
Before | After
-|-

| 
- Removed inconsistent angled bottom borders from crawl workflow list
header
Before | After
-|-

| 
- Changes _all_ list page primary action buttons to use
`variant="primary"`
<img width="190" alt="Screenshot 2023-12-08 at 11 23 49 AM"
src="https://github.com/webrecorder/browsertrix-cloud/assets/5672810/2b007f5e-e675-40b2-86a7-f0bf8ef83b81 ">
<img width="240" alt="Screenshot 2023-12-08 at 11 23 43 AM"
src="https://github.com/webrecorder/browsertrix-cloud/assets/5672810/621b340e-2051-4ab0-8f42-8f0a51d8d3a5 ">
---------
Co-authored-by: Henry Wilkinson <henry@wilkinson.graphics>
Co-authored-by: sua yoo <sua@webrecorder.org>
Co-authored-by: sua yoo <sua@suayoo.com>
2023-12-13 17:29:35 -05:00
sua yoo
f4d9c0e3d5
build: fix webpack dev server recompiling without changes
...
See https://stackoverflow.com/questions/70990356/ionic-serve-keeps-recompiling-without-changes\#comment133341886_70990356
2023-09-19 12:15:58 -07:00
sua yoo
28346e0a54
New create crawl config user workflow ( #391 )
2022-12-12 13:50:33 -08:00
sua yoo
0bbb7905bd
Add crawl queue editor UI components ( #331 )
...
WIP #304
2022-10-04 13:13:40 -07:00
sua yoo
63ada3e5b3
Update base fonts and text sizes ( #327 )
2022-09-27 14:32:57 -07:00
sua yoo
373c489b00
Watch crawl from crawl detail page ( #156 )
...
closes #164
closes #134
Co-authored-by: Ilya Kreymer <ikreymer@users.noreply.github.com>
2022-03-02 18:08:08 -08:00
sua yoo
ec1a758e42
Upgrade TailwindCSS to v3 ( #93 )
2022-01-19 22:00:06 -08:00
sua yoo
58eba70c68
Allow users to change password ( #25 )
...
wip #21
2021-11-23 17:01:08 -08:00
sua yoo
5722909157
Frontend responsive UI tweaks ( #20 )
2021-11-22 10:25:34 -08:00
sua yoo
76e5ceb864
Replace daisy UI with shoelace ( #16 )
...
closes #15
2021-11-19 19:38:58 -08:00
sua yoo
316a91f612
Switch frontend to use Typescript ( #12 )
...
closes #11
2021-11-19 14:07:13 -08:00
sua yoo
0f97724ad0
Set up frontend dev tooling ( #6 )
...
* Add eslint for linting js (https://github.com/ikreymer/browsertrix-cloud/pull/7 )
* Add prettier for formatting frontend files (https://github.com/ikreymer/browsertrix-cloud/pull/9 )
* Add frontend testing framework (https://github.com/ikreymer/browsertrix-cloud/pull/10 )
closes #4 , closes #5
2021-11-18 17:26:10 -08:00
Ilya Kreymer
666becdb65
initial pass on frontend: using tailwindcss + daisyui + litelement with webpack build + dev server
2021-10-10 12:22:36 -07:00