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

Merge branch 'RED-9950' into 'master'

Browse Source 
RED-9950: decreased component management width.

See merge request redactmanager/red-ui!562
This commit is contained in:
Dan Percic 2024-09-04 14:32:42 +02:00
commit 6216dd8bac
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; flex-direction: row;
padding: 10px 0 10px 0; padding: 10px 0 10px 0;
margin-left: 14px; margin-left: 14px;
margin-right: 26px; margin-right: 20px;
position: relative; position: relative;
.component { .component {
width: 40%; width: 40%;
margin-right: 8px;
} }
.value { .value {
@ -72,7 +73,7 @@
} }
.value { .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; flex-direction: column;
&.documine-width { &.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); border-right: 1px solid var(--iqser-separator);
z-index: 1; 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; display: flex;
flex-direction: column; flex-direction: column;
font-size: 12px; font-size: 12px;
overflow: scroll; overflow-x: hidden;
overflow-y: scroll;
height: calc(100% - 40px); height: calc(100% - 40px);
.component-row { .component-row {

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

@ -39,7 +39,7 @@
} }
&.documine-container { &.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 { body {
--workload-width: 350px; --workload-width: 350px;
--documine-workload-content-width: 287px; --documine-workload-content-width: 287px;
--structured-component-management-width: 40%; --structured-component-management-width: 30%;
--quick-navigation-width: 61px; --quick-navigation-width: 61px;
--iqser-app-name-font-family: OpenSans Extrabold, sans-serif; --iqser-app-name-font-family: OpenSans Extrabold, sans-serif;
--iqser-app-name-font-size: 13px; --iqser-app-name-font-size: 13px;
--iqser-logo-size: 28px; --iqser-logo-size: 28px;
--documine-viewer-width: calc( --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 --quick-navigation-width
) - 3px ) - 3px
); );
@ -196,7 +196,9 @@ body {
&.document-info { &.document-info {
width: calc( 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); right: calc(var(--workload-width) + 1px);
} }