Fixes#6009
TorrentRendererFull actually uses the class `full` to add seeding progress. We can get seeding progress functionality in compact mode if we just apply the same progress indication to the compact rows, too. (Put simply: don't rely on the `full` class to apply progress percentage.)
* Add readme with light setup instructions; tweak ui
These are very minor changes that cover a few issues:
- WebUI Peer list too narrow #4209
On very small screens (for-phone-only), we modify width on some fields for less overlap. But we also truncate using `text-overflow: ellipsis` and `overflow-x: hidden`.
- properly style up/down speed icons
Moved SVG contents into index.html so we can make these style changes based on the `prefers-color-scheme` media query.
I also set a min-width, text-align: right on the download/upload label so they aren't shifting when going from 1 kB/s to 800 Mb/s.
- Add README for `web` directory
It made sense to add some super simple getting-started instructions for the directory.
- Limit input width in Add dialog of Web #5639
Add a width to the open-torrent file input, but also increase the modal dialog container size.
* Add bookmarklet for anonymizing screenshots
I see a lot of blurring going on in screenshots for issues and PRs, so this is a quick little bookmarklet trick to add lorem ipsum text to torrent-names.
* fix: restore client-level progress indicators
This was a regression that I missed from last year.
The web client now uses the same progress indicators from the client,
and also slightly changes the color based on light/dark mode.
https://github.com/transmission/transmission/issues/4303
* fix: restore leech percentage state
I found a few more statuses that I missed that didn’t match native client UI:
- queued
- paused queued
- paused leech
- paused magnet
- dark mode variants
- verify percentage and color
Plus, reduce brightness of some colors in light mode.
* Add macOS section to Web-Interface docs
- Add minimal steps to enable web interface on macOS
- Clean up README.md with some markdown linting.
* Updating and modernizing web interface, colors, icons
In general:
- increase spacing and decrease font sizes in most inspectors (so far)
- replace icons with emoji. may not be the way to go in the end
* update toolbar icon sizes to adjust for differences
* Switch from icons to buttons, other minor color changes
1. Add 'warn' class to dangerous actions
2. Add 'table-row' helper to overflow menu
3. Use text instead of icons for this new tab style
* Update icons using feathericons.com
* Rename files, replace some SVG and optimize PNG
* Remove more unused variables
* Update index.html to reflect new icons
* More minor svg changes; delete old images
* Updated build output
* Remove icons, add new feather svg icons
Build is now sub-200 KB
* deps: change web build-dep from node-sass to sass
https://sass-lang.com/blog/libsass-is-deprecated and dart sass is the
recommended replacement.
* deps: yarn upgrade-interactive
* deps: update babel dep to 7.17
* deps: update eslint
* deps: update prettier
* deps: update svgo
* deps: update webpack to 5.72.1
* deps: update webpack-bundle-analyzer to 4.5.0
* deps: update webpack-cli to 4.9.2
* deps: update webpack-dev-server from 3.11.3 to 4.9.0
* deps: replace svgo, svgo-loader, url-loader with webpack asset/inline
* chore: rename "style" dir as "assets"
* deps: update stylelint from 13.13.1 to 14.8.2
* deps: bump terser-webpack-plugin from 5.1.4 to 5.3.1
* deps: bump css-loader from 5.2.7 to 6.7.1
* deps: bump css-minimizer-webpack-plugin from 3.0.2 to 3.4.1
* deps: bump mini-css-extract-plugin from 1.6.2 to 2.6.0
Yat Ho