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" icon="iqser:trash"
></iqser-circle-button> ></iqser-circle-button>
} }
@if (selectedComponent?.id === component.id) { <mat-icon
<mat-icon class="arrow-right" svgIcon="red:arrow-right"></mat-icon> [class.not-visible]="selectedComponent?.id !== component.id"
} class="arrow-right"
svgIcon="red:arrow-right"
></mat-icon>
</div> </div>
</div> </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 { .arrow-right {
transform: scale(0.7); transform: scale(0.7);
&.not-visible {
visibility: hidden;
}
} }
} }
} }
@ -45,6 +49,8 @@
.content-container { .content-container {
background-color: var(--iqser-grey-6); background-color: var(--iqser-grey-6);
height: 100vh; height: 100vh;
display: flex;
flex-direction: column;
.content-header { .content-header {
display: flex; display: flex;
@ -61,6 +67,7 @@
} }
.content { .content {
flex: 1;
display: flex; display: flex;
gap: 20px; gap: 20px;
overflow: hidden; overflow: hidden;
@ -68,7 +75,8 @@
.components-list { .components-list {
flex: 1; flex: 1;
background-color: var(--iqser-white); background-color: var(--iqser-white);
width: 100%; display: flex;
flex-direction: column;
.header { .header {
height: 30px; height: 30px;