Henry Wilkinson
16e8b761c0
Frontend: Various icon updates ( #1569 )
...
Closes #1568
## Changes
- Status icons are now filled!
- Uses Bootstrap Icons' new `copy` icon for all actions involving
copying to clipboard!
- Finally! A real copy icon! 🎉
- Removes `copy-code.svg` as it is no longer used
- Actions involving duplicating objects still use `files`... Which is
good! Now they have distinct symbols!
- Adds orange to the tailwind colour palette
---------
Co-authored-by: sua yoo <sua@webrecorder.org>
2024-03-12 15:18:10 -04:00
sua yoo
91ff95c8e9
Add new WIP QA Review page ( #1500 )
...
Resolves https://github.com/webrecorder/browsertrix-cloud/issues/1493
<!-- Fixes #issue_number -->
### Changes
Adds WIP QA page with basic grid layout sections and navigation.
### Manual testing
Page can be access by adding `/review/screenshots` or `/review/replay`
to a crawl detail page URL. For example:
```
/orgs/suas-dev-sandbox-2/items/crawl/manual-20240124023524-422e41d6-97d/review/screenshots
```
---------
Co-authored-by: emma <hi@emma.cafe>
2024-02-20 00:26:38 -08:00
Emma Segal-Grossman
b5fe5551c5
Ensure linting & formatting runs in CI ( #1512 )
...
Makes sure code quality stays high by checking that code is linted &
formatted in CI.
### Reason
Frustration — so that [things like
this](https://github.com/webrecorder/browsertrix-cloud/pull/1500#issuecomment-1920087667 )
don't happen in the future. I tried to merge `main` into a branch to get
it up to date with main, and main isn't totally formatted or linted
properly, and then formatting the codebase introduced a whole bunch of
unrelated changes. Running a formatter or linter shouldn't cause
unrelated code changes, and `main` should always be in a correct state
in terms of linting and formatting.
### Testing
- [x] Test run with failing lint checks errors:
https://github.com/webrecorder/browsertrix-cloud/actions/runs/7733354321/job/21085236200
- [x] Test run with failing formatting check errors:
https://github.com/webrecorder/browsertrix-cloud/actions/runs/7733501666/job/21085717519
- [x] Test run with both passing lint & formatting checks passes:
https://github.com/webrecorder/browsertrix-cloud/actions/runs/7733529142/job/21085796727
2024-01-31 18:25:44 -05:00
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
