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

RED-9950: decreased component management width.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-09-04 14:39:44 +03:00
parent e2cd71dd24
commit dc66b8a708
5 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.scss
View File

@ -3,11 +3,12 @@
flex-direction: row;
padding: 10px 0 10px 0;
margin-left: 14px;
margin-right: 26px;
margin-right: 20px;
position: relative;
.component {
width: 40%;
margin-right: 8px;
}
.value {
@ -72,7 +73,7 @@
}
.value {
margin-right: 26px;
margin-right: 20px;
}
}

2
apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
View File

@ -43,7 +43,7 @@
flex-direction: column;
&.documine-width {
width: calc(var(--documine-workload-content-width) - 50px);
width: calc(var(--documine-workload-content-width) - 55px);
border-right: 1px solid var(--iqser-separator);
z-index: 1;

3
apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss
View File

@ -24,7 +24,8 @@ mat-icon {
display: flex;
flex-direction: column;
font-size: 12px;
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;
height: calc(100% - 40px);
.component-row {

2
apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.scss
View File

@ -39,7 +39,7 @@
}
&.documine-container {
width: 60%;
width: 70%; // this and --structured-component-management-width should sum up to 100%
}
}

8
apps/red-ui/src/styles.scss
View File

@ -164,13 +164,13 @@ $dark-accent-10: darken(vars.$accent, 10%);
body {
--workload-width: 350px;
--documine-workload-content-width: 287px;
--structured-component-management-width: 40%;
--structured-component-management-width: 30%;
--quick-navigation-width: 61px;
--iqser-app-name-font-family: OpenSans Extrabold, sans-serif;
--iqser-app-name-font-size: 13px;
--iqser-logo-size: 28px;
--documine-viewer-width: calc(
100% - var(--structured-component-management-width) - calc(var(--documine-workload-content-width) - 50px) - var(
100% - var(--structured-component-management-width) - calc(var(--documine-workload-content-width) - 55px) - var(
--quick-navigation-width
) - 3px
);
@ -196,7 +196,9 @@ body {
&.document-info {
width: calc(
100% - var(--structured-component-management-width) - var(--documine-workload-content-width) - var(--workload-width) - 3px
100% - var(--structured-component-management-width) - calc(var(--documine-workload-content-width) - 55px) - var(
--workload-width
) - 3px
);
right: calc(var(--workload-width) + 1px);
}