tomasz1986
9efac0f067
gui: Tweak the Restore Versions modal for better usability ( #7972 )
2022-01-25 23:08:27 +01:00
tomasz1986
fec476cc80
gui: Sort language names vertically and don't truncate on small screens ( #8101 )
2022-01-08 16:51:29 +01:00
André Colomb
7e0c24ec89
gui: Move the QR code button next to device ID in editDevice modal ( #7653 )
2021-06-16 21:10:16 +02:00
tomasz1986
bb886868d2
gui: Use grey background for disabled options in form-control ( #7468 )
...
Disabled options are currently barely distinguishable from enabled
ones. This changes their background to grey, following the Bootstrap
defaults already used for disabled <select>.
Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
2021-03-14 08:14:19 +01:00
tomasz1986
c5663689a3
gui: Handle info labels that are longer than available space ( fixes #944 ) ( #7386 )
...
Apply to table headers the same code as already used for table data.
This way, the headers will be either pushed to the next line, or cut
with an ellipsis if the single word is too long.
Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
2021-02-20 10:28:08 +00:00
Tomasz Wilczyński
3406a3ba95
gui: Reduce checkboxes size in Advanced Configuration ( fixes #6949 ) ( #7296 )
2021-01-27 12:23:58 +01:00
Simon Frei
31559e908b
all: Add untrusted folders behind feature flag (ref #62 ) ( #7055 )
2020-11-09 15:33:32 +01:00
Tomasz Wilczyński
0fb7cc186c
gui: Add warning when JavaScript is disabled in Web browser ( fixes #7099 ) ( #7102 )
...
When using a Web browser with JavaScript either disabled or unavailable,
show a warning to let the user know that the Web GUI requires JS in
order to operate.
To achieve this, add a <div> that wraps both the navbar and the main
content, and then move the CSS class ng-cloak from the <html> element to
that <div>. This way, only the JavaScript-dependent part is hidden when
JS is unavailable, and not the whole website, as it is the case right
now. Then, add a <noscript> element right at the start of the <body>
element, so that the warning is also shown right away in text-based Web
browsers. The <noscript> element includes a stripped down version of the
navbar showing only the Syncthing logo, and then a container with the
warning itself. Lastly, leave the footer untouched and always visible,
because it does not rely on JavaScript at all.
Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
Co-authored-by: Jakob Borg <jakob@kastelo.net>
2020-11-09 09:15:22 +01:00
Alex Lindeman
851ee51c1b
gui: Sharpen device icons ( fixes #5579 ) ( #6837 )
...
Add [shape-rendering: crispEdges](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering ) to `.identicon` class to remove blurry grid lines within device icons
2020-07-16 19:49:48 +02:00
Tomasz Wilczyński
f560e8c850
gui: Prevent text overflow in file lists ( fixes #6268 ) ( #6292 )
2020-05-02 19:34:28 +02:00
Mateusz Ż
e2f6d0d6c4
UI enhancements on mobile ( #6180 )
...
* Set fallback font for log viewer
* Enable logo scaling in About view
* Don't split "dependency list" into 2 columns on mobile
2019-11-23 12:25:25 +00:00
Jakob Borg
df866e10c8
gui: Increase padding a bit again (ref #6153 )
...
I change my mind on this, the modals need *some* padding to not look weird.
2019-11-19 22:03:31 +01:00
Domenic Horner
a5699d40a8
gui: Decrease padding on the panel and modal bodies ( #6153 )
...
This allows better viewing when on a condensed screen, and reduces screen real estate slightly.
2019-11-13 15:14:00 +01:00
Wulf Weich
0d86166890
gui: Optimize folder/device info for small screens ( fixes #5774 ) ( #5787 )
...
break table layout and add button margin on small screens
2019-06-17 15:24:45 +03:00
otbutz
952c8becf5
gui: Adjust table column width to content size ( fixes #4531 ) ( #5565 )
2019-04-18 18:35:44 +02:00
Hugo Locurcio
2ad40734f8
gui: Use a modern font stack inspired by Bootstrap 4 ( #5407 )
...
See https://github.com/twbs/bootstrap/pull/19098 for more information.
2018-12-26 23:05:20 +01:00
Audrius Butkevicius
3c920c61e9
gui: Add folder label to global changes, use bootstrap table ( fixes #4828 ) ( #4838 )
2018-03-26 11:29:06 +02:00
Audrius Butkevicius
b0e2050cdb
cmd/syncthing: UI for version restoration ( fixes #2599 ) ( #4602 )
...
cmd/syncthing: Add UI for version restoration (fixes #2599 )
2018-01-01 15:39:23 +01:00
Audrius Butkevicius
445c4edeca
gui, lib/config, lib/model: Support auto-accepting folders ( fixes #2299 )
...
Also introduces a new Waiter interface for config changes and segments the
configuration GUI.
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/4551
2017-12-07 07:08:24 +00:00
Darshil Chanpura
3522d451df
gui: Added a CSS rule for out of sync items modal
...
Removed text decoration on hover which was shown while hovering on span with eject icon.
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/4135
2017-05-16 08:56:54 +00:00
Wulf Weich
7931d956f7
gui: fix path breaking out of global changes modal ( fixes #3895 )
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/4146
2017-05-13 10:42:37 +00:00
Jakob Borg
c3820fbbf2
gui: Allow toggleable units for transfer rate ( fixes #234 )
...
Click the transfer rate to toggle between binary-exponent bytes (KiB/s,
MiB/s) and metric based bits (kb/s, Mb/s). The setting is persisted in
browser local storage (best effort).
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/4074
2017-03-31 06:32:54 +00:00
nov1n
ed771f5c64
gui: Show full failed item path
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/4023
2017-03-18 11:43:24 +00:00
Jakob Borg
f7fc0c1d3e
all: Update license url to https (ref #3976 )
2017-02-09 08:04:16 +01:00
Wulf Weich
eeedab4091
gui: bottom nav always behind dropdown ( fixes #3758 )
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3759
2016-11-23 17:03:43 +00:00
Daniel Harte
99ddf1e4ab
gui: Adjust border-radius on accordion title buttons ( fixes #3299 )
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3320
2016-06-17 06:59:07 +00:00
Daniel Harte
fb778218f5
gui: Improve layout of "out of sync" modal ( fixes #3306 )
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3296
2016-06-17 06:54:33 +00:00
Daniel Harte
09b7348595
gui: Accordion titles as buttons
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3284
LGTM: calmh, AudriusButkevicius
2016-06-08 15:55:44 +00:00
Daniel Harte
3795a786c9
gui: CSS tweaks for mobile views
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3257
2016-06-02 23:21:19 +00:00
Daniel Harte
855a1bef89
gui: Vertically center identicons in panel titles
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3256
2016-06-02 20:52:10 +00:00
Daniel Harte
16063933d1
gui: Vertically center identicons in accordion titles
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3252
2016-06-02 19:03:18 +00:00
Daniel Harte
36c6a1955f
gui: Improve navigation header layout on mobile
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3240
2016-06-02 06:08:18 +00:00
Daniel Harte
46fa5a374b
gui: Improve layout of accordion titles
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3172
2016-05-30 08:18:09 +00:00
norgeous
37816e3818
gui: Remove extra href on folder panel titles
...
GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3139
2016-05-22 16:17:33 +00:00
Lars K.W. Gohlke
46e913dc23
gui: Improve header and footer layout on small screens
2016-04-02 10:31:16 +02:00
norgeous
46c07bb207
gui: Clean up CSS
2016-03-27 00:43:07 +00:00
Wulf Weich
31362dfc17
gui: Better accessibility for folder & device panels ( fixes #2288 )
2016-03-22 20:53:56 +00:00
Jakob Borg
c952468e13
gui: Improve layout of footer on narrow screens ( fixes #2663 )
2016-03-17 16:39:50 +00:00
norgeous
78120bd989
Use Bootstrap tooltips instead of plain title attributes
...
By using data-original-title the tooltips live update without reapplying the
js code, such as .tooltip('fixTitle') each time the content changes. This
method also works well with angular expressions:
data-original-title="{{'Download Rate' | translate}}"
This example provides a bootstrap tooltip saying 'Download Rate' that changes
automatically when the language is updated.
2016-03-16 14:55:29 +00:00
Lars K.W. Gohlke
16c3d39fd2
Add folder label in addition to ID ( fixes #966 )
...
An auto generated ID is suggested on folder creation to reduce conflicts with
folders created on other devices.
2016-03-11 09:48:46 +00:00
Lars K.W. Gohlke
3abb80885e
Collapse advanced settings in folder editor modal
2016-03-10 15:54:33 +00:00
Audrius Butkevicius
cd54186113
Add support for themes ( fixes #1925 )
2016-01-10 17:57:27 +00:00