Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-9260 - Component Management UI

Browse Source
This commit is contained in:
Valentin Mihai 2024-08-15 16:51:21 +03:00
parent ae0510add8
commit 3f8a53b86c
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html
View File

@ -50,9 +50,11 @@
icon="iqser:trash"
></iqser-circle-button>
}
@if (selectedComponent?.id === component.id) {
<mat-icon class="arrow-right" svgIcon="red:arrow-right"></mat-icon>
}
<mat-icon
[class.not-visible]="selectedComponent?.id !== component.id"
class="arrow-right"
svgIcon="red:arrow-right"
></mat-icon>
</div>
</div>
</div>

10
apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
View File

@ -38,6 +38,10 @@
.arrow-right {
transform: scale(0.7);
&.not-visible {
visibility: hidden;
}
}
}
}
@ -45,6 +49,8 @@
.content-container {
background-color: var(--iqser-grey-6);
height: 100vh;
display: flex;
flex-direction: column;
.content-header {
display: flex;
@ -61,6 +67,7 @@
}
.content {
flex: 1;
display: flex;
gap: 20px;
overflow: hidden;
@ -68,7 +75,8 @@
.components-list {
flex: 1;
background-color: var(--iqser-white);
width: 100%;
display: flex;
flex-direction: column;
.header {
height: 30px;