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

chore: enhancement table plugin

Browse source
This commit is contained in:
Marina López 2024-07-08 12:28:22 +02:00
parent e047977c69
commit ef2cb7cab6
2 changed files with 21 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/table-plugin/src/app/app.component.css
View file

@ -87,6 +87,7 @@ hr {
block-size: 22px; block-size: 22px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-block-end: var(--spacing-12);
& .text { & .text {
margin-block-start: 0; margin-block-start: 0;

38
apps/table-plugin/src/app/app.component.html
View file

@ -29,24 +29,7 @@
>{{ selectedRow }} rows x {{ selectedColumn }} cols</span >{{ selectedRow }} rows x {{ selectedColumn }} cols</span
> >
</div> </div>
<div class="table-grid">
<span
class="cell"
*ngFor="let cell of cells; index as i"
(mouseenter)="setColRow(i)"
(mouseleave)="clearColRow()"
(click)="createTable(i)"
>
<span
class="square"
[class.active]="
selectedCell &&
selectedCell.column >= getCellColRow(i).column &&
selectedCell.row >= getCellColRow(i).row
"
></span>
</span>
</div>
<div class="checkbox-container"> <div class="checkbox-container">
<input <input
[(ngModel)]="tableOptions.borders" [(ngModel)]="tableOptions.borders"
@ -88,4 +71,23 @@
/> />
<label for="filledHeaderColumn" class="body-s">Filled header column</label> <label for="filledHeaderColumn" class="body-s">Filled header column</label>
</div> </div>
<div class="table-grid">
<span
class="cell"
*ngFor="let cell of cells; index as i"
(mouseenter)="setColRow(i)"
(mouseleave)="clearColRow()"
(click)="createTable(i)"
>
<span
class="square"
[class.active]="
selectedCell &&
selectedCell.column >= getCellColRow(i).column &&
selectedCell.row >= getCellColRow(i).row
"
></span>
</span>
</div>
</div> </div>