98 Commits

Author SHA1 Message Date
Francesco Siddi
35591b174b Web: Sleep schedule UX updates 2022-07-26 16:51:51 +02:00
Pablo Vazquez
85eb17e434 Web: Layout adjustments to sleep schedule 2022-07-26 16:51:51 +02:00
Pablo Vazquez
f0a592a9ba Web: Style and layout to Sleep Schedule management
* Use full-width form
  Fitting an input inside a <dl> makes it jump around
* Add button to toggle schedule on/off
* Add button to cancel editing the schedule
* Use time type inputs for Start/End Time fields
* Add help text to "Days of Week" to explain it's only the first 2 letters
2022-07-26 16:51:51 +02:00
Pablo Vazquez
68370a1df4 Web: Use two-column layout 2022-07-26 16:51:51 +02:00
Francesco Siddi
9856a34071 Web: Fix asset import 2022-07-22 17:00:55 +02:00
Pablo Vazquez
71f8791e4a Last Rendered: Fix overflow of tall images in global last-rendered
Fixes T99458
2022-07-22 15:41:22 +02:00
Pablo Vazquez
cc22c1010f Setup Assistant: Style and layout tweaks to Welcome step 2022-07-22 14:57:12 +02:00
Pablo Vazquez
860017fb42 Setup Assistant: Initial styling to Blender step 2022-07-22 14:57:12 +02:00
Pablo Vazquez
87932ae674 Setup Assistant: increase font-size
To help readability.
2022-07-22 14:57:12 +02:00
Pablo Vazquez
593070f3f1 UI: Use app accent color for built-in widgets 2022-07-22 14:57:12 +02:00
Pablo Vazquez
be0afe1aaf Workers: Adjust color of asleep status
It was hard to read.
2022-07-22 14:57:12 +02:00
Pablo Vazquez
5709d4b1ed Setup Assistant: Style invalid input type text
Also remove unused 'path-input' class.
2022-07-22 14:57:11 +02:00
Pablo Vazquez
976ed43de5 Cleanup: Move label styling to base.css 2022-07-22 14:57:11 +02:00
Pablo Vazquez
038eb678e8 Setup Assistant: Use larger buttons for back/next 2022-07-22 14:57:11 +02:00
Pablo Vazquez
b74c8558cf UI: Style text inputs 2022-07-22 14:57:11 +02:00
Pablo Vazquez
db39ca0d21 Setup Screen: Initial styling and layout adjustments 2022-07-22 14:57:11 +02:00
Pablo Vazquez
3479db5593 UI: Introduce btn-primary style
Use accent color (regular buttons use gray).
2022-07-22 14:57:11 +02:00
Pablo Vazquez
8d75da524d UI: Style <button> elements same as .btn class 2022-07-22 14:57:11 +02:00
Sybren A. Stüvel
aec5ee49e0 First-Time Wizard: allow selecting Blender executables
The wizard now finds Blender in various ways, and lets the user select
which one to use.

Doesn't save anything yet, though.
2022-07-14 12:22:56 +02:00
Sybren A. Stüvel
aa9837b5f0 First incarnation of the first-time wizard
This adds a `-wizard` CLI option to the Manager, which opens a webbrowser
and shows the First-Time Wizard to aid in configuration of Flamenco.

This is work in progress. The wizard is just one page, and doesn't save
anything yet to the configuration.
2022-07-14 11:17:03 +02:00
Pablo Vazquez
204d9d1156 Footer: Add arrow icon to indicate that can be expanded 2022-07-07 17:49:23 +02:00
Pablo Vazquez
b8c49acf71 Cleanup: Rename window-footer to app-footer
Follow the naming used in other places like app-version or #app.
2022-07-07 17:49:23 +02:00
Pablo Vazquez
47110f437b JobDetails: Show message when job has no settings or metadata
Avoid an empty tab by displaying a message if there's no data.
2022-07-07 16:35:17 +02:00
Pablo Vazquez
8b7bcb9779 LastRenderedImage: Fix image not showing up in Firefox 2022-07-07 15:49:58 +02:00
Pablo Vazquez
5ff5a4f141 JobDetails: Style preview container
* Limit preview container size to 16:9 aspect ratio.
* Use `-small` size of the last-rendered image, tiny is too small.
2022-07-07 15:34:30 +02:00
Pablo Vazquez
5501f86215 LastRenderedImage: Center image and limit width 2022-07-07 15:32:46 +02:00
Pablo Vazquez
29311417df UI: Prevent scrollbars showing up unnecessarily on some browsers
Use overlay overflow for compatible browsers (e.g. Chromium),
fallback to auto for non-compatible browsers (e.g. Firefox).

There should be no visible changes for Firefox users (tested on 101.0.1).
2022-07-07 12:39:14 +02:00
Pablo Vazquez
2712f565f0 UI: Remove extra bottom padding on page
The padding is added by the grid gap so it was duplicate.
2022-07-07 12:36:46 +02:00
Pablo Vazquez
7032c1ad0b Workers: Color status indicators
Match Jobs and Tasks.
2022-07-07 12:20:43 +02:00
Pablo Vazquez
d072e2c146 UI: Style transition arrow tweaks
* Replace font-size with transform and inline-block display, this way the arrow
scales without making the line taller (which leads to misalignments or jumpy
UI when switching between transitional statuses.

* Do not use accent color, it gets lost with the surrounding colors in status names.
  If we need to make this transition more prominent, we can use a subtle animation.
2022-07-07 12:20:43 +02:00
Pablo Vazquez
ff4a4e8aa0 Cleanup CSS
* Use variable instead of fixed value
* Remove unnecessary calc()
2022-07-07 12:20:43 +02:00
Pablo Vazquez
58d9ab9fb5 Workers: Style action bar 2022-07-07 12:20:43 +02:00
Pablo Vazquez
4f4af4029a UI: Update style of connection status 2022-07-06 19:29:19 +02:00
Pablo Vazquez
8c71563a4e UI: Initial styling on footer popup 2022-07-05 19:59:07 +02:00
Pablo Vazquez
52ceba2960 Tabulator: Use variable to define background colors on selected rows
Even though the concept of "selected" rows is not used yet, better to
use the proper variable instead of color-accent-background.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
1db0316c58 UI: Use accent color for active router links 2022-07-05 18:31:13 +02:00
Pablo Vazquez
0860881679 UI: Adjust accent color
Based on feedback from a discussion with Francesco and Sybren.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
d059b99af4 JobDetail: Remove custom styling for last-rendered image
Use regular styling for the last-rendered preview (full width).
2022-07-05 18:31:13 +02:00
Pablo Vazquez
be27fdfd88 UI: Adjust margin of column titles 2022-07-05 18:31:13 +02:00
Pablo Vazquez
22da307ead UI: Fix disabled buttons border-color mismatch 2022-07-05 18:31:13 +02:00
Pablo Vazquez
9649ed18ea StatusFilterBar: Style tweaks to indicators
* Only dim indicators when list is filtered and status not active
* Slightly smaller size to better fit the action-bar
2022-07-05 18:31:13 +02:00
Pablo Vazquez
964e9cb1a3 Tables: Align status-filter-bars with action-bars
Saves some space and they are related actions anyway.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
fa8a7cfa4f UI: Style adjustment to buttons
Do not use accent color for regular buttons, keep that for real call-to-actions.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
47121d4fa3 UI: Break long strings by words in definition lists 2022-07-05 18:31:13 +02:00
Sybren A. Stüvel
beb8684a38 Web: fix styling of last-rendered image in job details
Instead of putting the styling in `<style scoped>`, I moved it to the
global `base.css`. This made things work again.
2022-07-01 13:10:51 +02:00
Sybren A. Stüvel
375a6666c2 Web: move Worker status change requests to drop-down
This basically copies the drop-down approach from Flamenco Manager 2.
2022-06-03 13:01:47 +02:00
Sybren A. Stüvel
df36d93d7b Web: style "current page" links differently
This makes it visible which section of Flamenco you're actually in.
2022-06-02 18:56:24 +02:00
Sybren A. Stüvel
f1a3d98c5b Roll back color changes
By request of Francesco.
2022-06-02 18:51:20 +02:00
Sybren A. Stüvel
17f1b42d19 Web: slightly bluer purple 2022-06-02 18:42:57 +02:00
Sybren A. Stüvel
276b026f02 Web: change accent hue
The blue was so boring. Purple is much better.
2022-06-02 18:22:06 +02:00