Penpot/penpot-plugins
0
Fork 0
mirror of https://github.com/penpot/penpot-plugins.git synced 2025-01-21 14:12:42 -05:00
Code Issues Activity

chore: refactor and added icon to rename layers plugin

Browse source
This commit is contained in:
Marina López 2024-06-28 10:50:38 +02:00
parent a8bf9888f9
commit f57dcf26aa
5 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/rename-layers-plugin/src/app/app.component.html
View file

@ -43,7 +43,7 @@
(click)="updateText()" (click)="updateText()"
> >
<span *ngIf="!btnFeedback" class="text-btn">Add</span> <span *ngIf="!btnFeedback" class="text-btn">Add</span>
<span *ngIf="btnFeedback" class="icon icon-btn icon-tick"> <span *ngIf="btnFeedback" class="icon icon-btn">
<svg viewBox="0 0 16 16" fill="none"> <svg viewBox="0 0 16 16" fill="none">
<path d="M13.333 4 6 11.333 2.667 8" class="stroke" /> <path d="M13.333 4 6 11.333 2.667 8" class="stroke" />
</svg> </svg>
@ -53,7 +53,7 @@
<ul class="preview-list"> <ul class="preview-list">
<li class="preview-item" *ngFor="let preview of previewList()"> <li class="preview-item" *ngFor="let preview of previewList()">
<span class="original" [title]="preview.name">{{ preview.name }}</span> <span class="original" [title]="preview.name">{{ preview.name }}</span>
<span class="icon icon-arrow-right-full"></span> <span class="icon icon-arrow-right"></span>
<span class="result" [title]="resultAddText(preview)">{{ <span class="result" [title]="resultAddText(preview)">{{
resultAddText(preview) resultAddText(preview)
}}</span> }}</span>
@ -112,7 +112,7 @@
[innerHTML]="highlightMatch(preview.name)" [innerHTML]="highlightMatch(preview.name)"
[title]="preview.name" [title]="preview.name"
></span> ></span>
<span class="icon icon-arrow-right-full"></span> <span class="icon icon-arrow-right"></span>
<span class="result" [title]="resultReplaceText(preview.name)">{{ <span class="result" [title]="resultReplaceText(preview.name)">{{
resultReplaceText(preview.name) resultReplaceText(preview.name)
}}</span> }}</span>

0
apps/rename-layers-plugin/src/assets/.gitkeep
View file

1
apps/rename-layers-plugin/src/assets/actions-tick.svg
View file

@ -1 +0,0 @@
<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" fill="none"><g data-testid="Icons / Actions / Tick M"><g class="fills"><rect rx="0" ry="0" width="16" height="16" class="frame-background"/></g><g data-testid="svg-path" class="frame-children"><path d="M13.333 4 6 11.333 2.667 8" class="fills"/><g class="strokes"><path d="M13.333 4 6 11.333 2.667 8" style="fill: none; stroke-width: 1; stroke: rgb(143, 157, 163); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g></g></svg>
Side by side

Before

Width:  |  Height:  |  Size: 511 B

BIN
apps/rename-layers-plugin/src/assets/icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

2
apps/rename-layers-plugin/src/assets/manifest.json
View file

@ -1,7 +1,7 @@
{ {
"name": "Rename layers plugin", "name": "Rename layers plugin",
"host": "http://localhost:4307",
"description": "Change the name of one or several layers", "description": "Change the name of one or several layers",
"code": "/assets/plugin.js", "code": "/assets/plugin.js",
"icon": "/assets/icon.png",
"permissions": ["page:read", "file:read", "selection:read"] "permissions": ["page:read", "file:read", "selection:read"]
} }