Commit Graph

35 Commits

Author SHA1 Message Date
Charles Kerr 036725df42
refactor: prefer css vars over sass (#6287)
* chore: prefer calc() over sass math module

* chore: remove unused mixins

* refactor: use css variables for symbolic color names

* refactor: use range syntax for media queries

* refactor: use css variables for symbolic dimensions, units

* refactor: use css variables for symbolic url names

* refactor: use css variables for mime icon urls

* fixup! refactor: use css variables for symbolic dimensions, units

* refactor: replace mime-icon mixin with css variables

* ci: run apt-update before apt-install
2023-11-24 11:01:00 -06:00
Rukario ccce37ba6c
refactor: unified shadow properties for web client (#5840) 2023-10-30 12:22:32 -04:00
Rukario 72a86bdf45
fix: fixed graying out buttons in dark mode (#5921) 2023-10-25 14:16:11 -04:00
Yat Ho 94797dfb6e
feat: WebUI torrent tracker list style improvements (#6008) 2023-10-02 19:47:52 -05:00
Rukario 6cee75547c
feat: add touchscreen support for context menu (#5928) 2023-09-27 10:48:16 -05:00
Rukario b751b11918
feat: improved overflow menu for web client (#5895) 2023-09-25 20:37:49 -05:00
Derek Reiff 0e0c6b8e2b
Add seed progress percentage to compact rows (#6034)
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.)
2023-09-25 08:53:48 -05:00
Rukario f0009a8373
feat: updated colors and label/button styles (#5897) 2023-09-04 22:05:16 -05:00
Rukario 29550f73b0
feat: improve responsiveness of UI 2023-09-01 17:52:17 -05:00
Rukario 45d9e37b2b
feat: Improved filterbar for narrowed viewports (#5828) 2023-09-01 16:28:16 -05:00
Rukario c5f5911fb9
fix: overflow-menu and context-menu positioning for small viewports (#5827) 2023-08-20 21:34:05 -05:00
Gary Elshaw 916534a687
ui: make web ui's progressbar colors closer to macOS client 2023-08-14 16:02:24 -05:00
Rukario 629f7cb86f
fix: greying out of inspector in webui (#5893) 2023-08-13 20:53:58 -05:00
Derek Reiff e5b43991bc
Add readme with light setup instructions; minor UI tweaks (#5814)
* 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.
2023-07-28 12:50:45 -05:00
Charles Kerr 1acfca9c3a
build: bump web client dev-dependencies (#5789) 2023-07-14 19:26:48 -05:00
Gary Elshaw b0e2f52784
fix: web ui start/pause button icon size (#5771) 2023-07-12 22:43:47 -05:00
Charles Kerr 0ef58c2a20
chore: improve lossless compression of png files (#5586) 2023-06-05 17:03:11 -05:00
klevain 908e8a551e
feat: add high-contrast theme to web ui (#5470) 2023-04-29 11:26:37 -05:00
Safouane Aarab ccbb362fe5
refactor: edit style and increase spacing (#5466) 2023-04-29 10:36:21 -05:00
Derek Reiff 60d4bedf33
feat: add drag-and-drop in web interface (#5082) 2023-04-15 15:45:57 -05:00
Derek Reiff 811b2aa4c5
fix: regression (leech percentage) from earlier progress-indicator work (#5114)
* 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.
2023-03-05 15:38:05 -06:00
wsy2220 586e01c2aa
fix: selected torrent row color in dark mode (#5151) 2023-03-05 12:21:22 -06:00
Derek Reiff 451dd952f8
fix: restore client-level progress indicators (#5083) 2023-02-27 17:16:45 -06:00
Charles Kerr 9d310b3a4d
fix: padding in overflow menu (#5001) 2023-02-22 18:31:24 -06:00
Gary Elshaw 4a83657a4a
fix: make context menu highlighted row readable in dark mode (#4984) 2023-02-22 06:48:07 -06:00
wsy2220 bcc1d868a1
fix: webui filter selection on mobile (#4684) 2023-02-02 01:34:10 -06:00
Derek Reiff 506439f099
fix: when comparing priority for rpc call, cast to string first (#4610) 2023-01-21 14:23:41 -06:00
Hakjoon Sim d0ab112622
fix: some style edited for chrome (#4095)
Thanks!
2022-11-05 00:05:23 -05:00
Hakjoon Sim f116407941
fix: chrome needs vendor prefix(-webkit-) for mask (#4056) 2022-11-03 23:01:17 -05:00
Hakjoon Sim 41422c357e
fix: open torrent dialog layout adjusted (#4063) 2022-11-01 09:14:15 -05:00
Derek Reiff be4a44292e
build: update CMakeLists to reflect recent assets/ changes (#4013) 2022-10-24 10:14:42 -05:00
Derek Reiff 6187cfd67b
Refresh web interface across desktop and mobile (#3985)
* 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
2022-10-21 12:22:59 -05:00
Gary Elshaw 0ce8777d1f
MacOS Transmission icons for Web (#3130) 2022-05-25 10:46:13 -05:00
Isabella Skořepová 1cae467acd
add magnet link support to transmission web (#2874) 2022-05-23 23:55:33 -05:00
Charles Kerr ebd1a0b7bf
deps: update web client build deps (#3095)
* 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
2022-05-15 20:49:25 -05:00