Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Paste CSS #3540

Open
2 of 5 tasks
kof opened this issue Jun 11, 2024 · 0 comments
Open
2 of 5 tasks

Paste CSS #3540

kof opened this issue Jun 11, 2024 · 0 comments
Assignees
Labels
area:styles Style Panel is the CSS panel on the right complexity:medium Up to 1 week of work prio:1 The most important thing to work on type:feat Features and enhancements

Comments

@kof
Copy link
Member

kof commented Jun 11, 2024

As a user I want to be able to copy CSS Style block (without the selector) from anywhere and paste it on a selected instnace.

  • shorthand > longhand conversion
  • enable pasting to advanced section
  • add copy menu to token - puts CSS into buffer
  • might need to move things into a submenu to avoid cluttering that token menu (TBD)

Additionally we can:

  • add copy context menu on instance to click Copy CSS / Paste CSS
@kof kof added type:feat Features and enhancements prio:1 The most important thing to work on area:styles Style Panel is the CSS panel on the right complexity:medium Up to 1 week of work labels Jun 11, 2024
TrySound added a commit that referenced this issue Oct 20, 2024
Ref #3399 #3540

Here added two more features to advanced panel

1. When search for property, user can enter css declarations like
   `width: 100px; height: 200px;` and press enter instead of searching
   for property and editing property after creation.

2. When search for property, user can paste css declarations from some
   theme editor or figma, this is useful interop with other tools

Note: this does not support breakpoints, states or tokens. Declarations
are inserted only within currently selected style source and state.
TrySound added a commit that referenced this issue Oct 21, 2024
Ref #3399
#3540

Here added two more features to advanced panel

1. When search for property, user can enter css declarations like
`width: 100px; height: 200px;` and press enter instead of searching for
property and editing property after creation.

2. When search for property, user can paste css declarations from some
theme editor or figma, this is useful interop with other tools

Note: this does not support breakpoints, states or tokens. Declarations
are inserted only within currently selected style source and state.


https://github.com/user-attachments/assets/1f37f5d1-11b9-4f05-ae4d-a7c647ae14b6
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:styles Style Panel is the CSS panel on the right complexity:medium Up to 1 week of work prio:1 The most important thing to work on type:feat Features and enhancements
Projects
Status: 🏗️ In Progress
Development

No branches or pull requests

2 participants