Commit Graph

24 Commits

Author SHA1 Message Date
Keavon Chambers cd5e36af28 Add styled scrollbars (#231) 2021-07-01 22:08:23 -07:00
Chrs Msln 3f35c8d348 Refactor frontend input components to use the v-model Vue pattern (#224)
* Use v-model for inputs

* Add opacity to LayerTree

* Fix FloatingMenu typing
2021-06-27 08:18:47 +02:00
Keavon Chambers 3672c6919c Fix Layer Tree panel CSS to allow scrolling (#208) 2021-06-13 12:29:50 -07:00
TrueDoctor e4b5aa3933 Delete selected layers (#173)
* Delete Layers
* Fix backend selection
* Fix shift selection
* Add desired shape add selection behavior
* Add X and Backspace as keybinds for layer deletion
* Change key storage to u128
* Remove unhelpful trace logging
* Reverse display direction for layers
2021-06-10 09:24:59 +02:00
akshay1992kalbhor 4f40a1f291 Layer selection (#166)
* Change arg to IconButton component

* Add basic layer selection mechanism

* Clean up print statements and add some comments

* Simplified the layer selection mechanism

* Remove redundant rule for 'no-param-reassign'

* Clean up frontend and and plumb selection flow to backend

* Update eslintrc

Co-authored-by: Dennis Kobert <dennis@kobert.dev>
2021-06-10 00:10:51 +05:30
Keavon Chambers 13dd51dbf8 Improve UI behavior at smaller screen sizes so status bar overflows (#158)
Also includes various CSS flex-related cleanup throughout the UI.
Progress for #150
2021-06-08 00:54:24 -07:00
Keavon Chambers 569af162ae Add the Dropdown Input widget (#168)
Fixes #135.

* Add the Dropdown Input widget

* Fix font loading race condition
2021-06-06 02:17:36 -07:00
Keavon Chambers 3d646d2bc3 Generalize and rename overlays as "floating menus"
Progress towards #135.
2021-05-29 21:55:43 -07:00
Keavon Chambers a70605b514 Fix layer visibility icons incorrectly referenced in previous cleanup commit. 2021-05-27 09:26:38 -07:00
Keavon Chambers cdcddf176b Move all icon SVG imports to the Icon component
This change also removes the need to specify the icon size.
2021-05-27 02:14:32 -07:00
Keavon Chambers 5016fde231 Standardize icon sizes and folder paths (closes #110) 2021-05-27 00:14:50 -07:00
Keavon Chambers 34efac990b Update UI colors and alignment for consistency with the design mockup (#157)
Closes #111
2021-05-23 19:01:13 -07:00
Keavon Chambers 3b0762ef18 Rename and organize widget components to conform to design terminology (#132) 2021-05-21 13:10:32 -07:00
Keavon Chambers b9248b828c Complete implementing popover system main features (#131)
* Make popover buttons open popover menus and add placeholder messages to all of them.
* Implement all directions for drawing, aligning, and edge-clamping popovers.
* Fix popovers so they are drawn outside their parent panel bounds and not clipped.
* Fix popover HTML to avoid nesting it inside a <button> element.
2021-05-21 12:22:30 -07:00
Keavon Chambers 5dc838079b Refactor type handling for response handler to fix dangerous casting (#126) 2021-05-15 01:02:33 -07:00
Keavon Chambers b91c416611 Change default draw color to orange, plus small fixes 2021-05-08 15:16:59 -07:00
Keavon Chambers 4975a4e737 Plumb frontend for layer visibility toggle 2021-05-07 16:57:45 -07:00
TrueDoctor 6adb984f2d Plumb layer panel (#107)
* WIP ExpandFolder handling

* Implement response parsing in typescript

* Update layer panel with list sent by wasm

* Add events for layer interaction

* Add proper default naming

* Fix displaying of the eye icon

* Attach path to LayerPanelEntry

* Fix lint issues

Co-authored-by: Keavon Chambers <keavon@keavon.com>
2021-05-07 10:17:46 +02:00
Keavon Chambers 76d3e8cde4 Styling improvements to layers 2021-05-06 01:05:10 -07:00
Keavon Chambers c74575724c Replace placeholder with eye icons for layers 2021-05-05 22:09:50 -07:00
Keavon Chambers 4ffb836673 Add basic HTML for layers in the layer panel (#97) 2021-05-02 13:55:22 -07:00
TrueDoctor f05cb30acb Add responses in document for layer system (#91) 2021-05-02 00:57:47 +02:00
Keavon Chambers 0ca4b9fe7c Fix web code linting to be portable across environments 2021-04-14 11:44:09 -07:00
Keavon Chambers 273aa652df Rename the "Layers" panel to "Layer Graph" 2021-04-01 21:55:15 -07:00