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