enso/app/ide-desktop/lib/assets
somebody1234 2ec7817068
Refactor CSS; address some design issues (#9260)
- Implement https://github.com/enso-org/cloud-v2/issues/924
- Refactor all numbers out to CSS variables
- Implement some issues raised in the design meeting
- The columns selector now only contains *hidden* columns, rather than all of them.
- Unified opacity for active (100%), selectable and hovered (75%), selectable (50%) and disabled (30%)
- Easily configurable if we want to change it in the future, so the specific values don't matter too much for now.
- Always show asset right panel if it is enabled - display placeholder text if <1 or >1 asset is selected
- Hide docs icon that was in the top right assets menubar (next to the gear icon for asset settings) (as backend functionality has yet to be implemented)
- Clicking a user in the "Shared with" column now adds them to the search as `owner:<username>`
- Add a gap between adjacent rows. This makes each row more visually distinct when many rows are selected
- Center the left column (the first column) of the context menu below the mouse, rather than centering the entire context menu.
- Fix regressions caused by CSS refactor
- Make keyboard selection indicator for asset rows rounded again
- Other misc. fixes and improvements
- Slightly modified styling of chat reaction bar
- Hide the row containing the "New Project" button in the cloud drive, when not in the "Home" drive tab
- Animate rotation of column sort arrow when clicking on a column to change the sort order
- Consistent duration of arrow rotation animation for folder arrows, column sort arrows, chat thread list arrows
- Consistent icon for sort arrow for folders and the chat thread list
- Minor adjustment of styles for optional properties in the Data Link input

Not included in this PR:
- Custom (HTML) scrollbars for consistency across all browsers and all OSes (except perhaps touchscreens)
- Potentially time-consuming to look for a library (and not quite trivial to implement ourselves)
- Columns sliding left as they expand and right as they collapse
- Also non-trivial, especially when taking into account horizontal scrolling.
- Fixing styles to closer resemble Figma design
- As (kinda) mentioned in the meeting - ideally it should be pixel perfect, *but* value consistency with other spacings, opacities etc. over being 100% pixel-perfect
- However, it has *partly* been done - mostly for the home page. It's entirely possible that changes made afterwards broke the spacing again though.

# Important Notes
None
2024-03-13 10:32:05 +00:00
..
accessed_by_projects.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
accessed_data.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
add_connector.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
add_folder.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
add_key.svg Support for creating and editing Data Links (#8882) 2024-02-12 10:05:30 +00:00
add_network.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
app_download.svg Download and upgrade buttons (#8265) 2023-11-21 06:34:46 +00:00
arrow_right.svg Extract SVGs to files (#7076) 2023-06-23 10:47:04 +02:00
arrow_up.svg Fix play button on local backend (#7688) 2023-08-29 16:33:14 +00:00
at.svg Extract SVGs to files (#7076) 2023-06-23 10:47:04 +02:00
background.jpg [gui2] Component demos (#7945) 2023-10-29 19:02:07 +00:00
bell.svg Add settings page; add endpoints for deleting user and uploading profile picture (#8720) 2024-01-25 15:10:51 +00:00
blank_16.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
blank.svg Update assets table design (#7377) 2023-07-26 14:59:48 +02:00
breadcrumb_arrow.svg Update uploaded files (#8797) 2024-01-23 09:55:15 +00:00
camera.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
chat.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
close_large.svg Help chat (#7151) 2023-07-18 13:23:41 +02:00
close.svg Improve assets table display (#7500) 2023-08-28 18:01:40 +00:00
cloud_to.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
cloud.svg New top bar (#7392) 2023-08-01 11:32:32 +02:00
command_key.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
connector.svg Implement connector button and context menu action. (#7891) 2023-10-02 10:52:26 +00:00
copy.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
create_account.svg Extract SVGs to files (#7076) 2023-06-23 10:47:04 +02:00
cross.svg "Keyboard shortcuts" settings page (#9071) 2024-02-27 12:52:21 +00:00
ctrl_key.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
data_download.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
data_upload.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
default_user.svg Extract SVGs to files (#7076) 2023-06-23 10:47:04 +02:00
discord.svg Home screen (#7517) 2023-08-31 15:03:39 +00:00
docs.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
drive.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
duplicate.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
enso_logo.svg Home screen (#7517) 2023-08-31 15:03:39 +00:00
eye_crossed.svg Add button to toggle whether passwords are visible (#8414) 2023-12-06 07:50:44 +00:00
eye.svg Add button to toggle whether passwords are visible (#8414) 2023-12-06 07:50:44 +00:00
find.svg New top bar (#7392) 2023-08-01 11:32:32 +02:00
folder_arrow.svg Remove forceCreate from backend requests; minor bugfixes (#9074) 2024-02-26 15:10:38 +00:00
folder.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
geo.svg Home screen (#7517) 2023-08-31 15:03:39 +00:00
go_back.svg Extract SVGs to files (#7076) 2023-06-23 10:47:04 +02:00
heart.svg Home screen (#7517) 2023-08-31 15:03:39 +00:00
home2.svg Category switcher (#7586) 2023-08-18 11:23:27 +00:00
home.svg Refactor CSS; address some design issues (#9260) 2024-03-13 10:32:05 +00:00
integrations.png [gui2] Component demos (#7945) 2023-10-29 19:02:07 +00:00
key.svg Support for creating and editing Data Links (#8882) 2024-02-12 10:05:30 +00:00
keyboard_shortcuts.svg "Keyboard shortcuts" settings page (#9071) 2024-02-27 12:52:21 +00:00
lock.svg Extract SVGs to files (#7076) 2023-06-23 10:47:04 +02:00
network.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
not_cloud.svg New top bar (#7392) 2023-08-01 11:32:32 +02:00
open_count.svg Home screen (#7517) 2023-08-31 15:03:39 +00:00
open.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
option_key.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
package.json Extract SVGs to files (#7076) 2023-06-23 10:47:04 +02:00
paste.svg Drag and drop (#7987) 2023-10-16 12:07:30 +00:00
pen.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
people_settings.svg Organization settings page (#8960) 2024-02-13 09:21:40 +00:00
people.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
play2.svg Async execution controls (#7592) 2023-09-07 12:36:03 +00:00
play.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
plus2.svg Labels (#8008) 2023-10-17 06:53:47 +00:00
plus.svg Labels (#8008) 2023-10-17 06:53:47 +00:00
project_icon.svg Home screen (#7517) 2023-08-31 15:03:39 +00:00
recent.svg Category switcher (#7586) 2023-08-18 11:23:27 +00:00
reload_in_circle.svg "Keyboard shortcuts" settings page (#9071) 2024-02-27 12:52:21 +00:00
root.svg Category switcher (#7586) 2023-08-18 11:23:27 +00:00
scissors.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
settings.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
shift_key.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
sign_in.svg New user menu (#7581) 2023-08-21 15:05:57 +00:00
sign_out.svg New user menu (#7581) 2023-08-21 15:05:57 +00:00
sliders.svg Add settings page; add endpoints for deleting user and uploading profile picture (#8720) 2024-01-25 15:10:51 +00:00
sort_ascending.svg Sort assets (#7540) 2023-08-18 15:47:23 +00:00
spreadsheets.svg Home screen (#7517) 2023-08-31 15:03:39 +00:00
stop.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
tag.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
temp.svg Category switcher (#7586) 2023-08-18 11:23:27 +00:00
text.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
tick.svg "Keyboard shortcuts" settings page (#9071) 2024-02-27 12:52:21 +00:00
time.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
trash2.svg Category switcher (#7586) 2023-08-18 11:23:27 +00:00
trash.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
triangle_down.svg Help chat (#7151) 2023-07-18 13:23:41 +02:00
untrash.svg Trash and Recent categories (#7682) 2023-09-27 07:22:48 +00:00
visualize.png [gui2] Component demos (#7945) 2023-10-29 19:02:07 +00:00
windows_key.svg New context menu (#7431) 2023-08-10 15:31:53 +00:00
youtube.svg Home screen (#7517) 2023-08-31 15:03:39 +00:00