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

RED-9951: made document info scrollable & fixed paginator position.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-08-29 13:03:14 +03:00
parent c0c6232f0a
commit 3bfa4796b0
5 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/red-ui/src/app/modules/file-preview/components/document-info/document-info.component.scss
View File

@ -18,13 +18,10 @@
.right-content {
flex-direction: column;
height: calc(100% - 71px);
@include common-mixins.scroll-bar;
overflow: hidden;
&:hover {
overflow: auto;
}
overflow-y: auto;
&.has-scrollbar .section {
padding-right: 13px;

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

@ -79,7 +79,7 @@
.quick-navigation {
height: 100%;
border-right: 1px solid var(--iqser-separator);
min-width: var(--qiuck-navigation-width);
min-width: var(--quick-navigation-width);
overflow: hidden;
display: flex;
flex-direction: column;

4
apps/red-ui/src/app/modules/file-preview/services/document-info.service.ts
View File

@ -32,6 +32,10 @@ export class DocumentInfoService {
},
{ allowSignalWrites: true },
);
effect(() => {
document.body.style.setProperty('--quick-navigation-width', this.shown() ? '350px' : '61px');
});
}
fileAttributes$(fileId: string, dossierId: string, dossierTemplateId: string) {

2
apps/red-ui/src/app/modules/pdf-viewer/components/paginator/paginator.component.scss
View File

@ -14,7 +14,7 @@
align-items: center;
&.documine-pagination {
left: calc(100% - (var(--documine-viewer-width) / 2) - var(--qiuck-navigation-width));
left: calc(100% - (var(--documine-viewer-width) / 2) - var(--quick-navigation-width));
}
> div {

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

@ -165,12 +165,12 @@ body {
--workload-width: 350px;
--documine-workload-content-width: 287px;
--structured-component-management-width: 40%;
--qiuck-navigation-width: 61px;
--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) - var(--documine-workload-content-width) - var(--qiuck-navigation-width) - 3px
100% - var(--structured-component-management-width) - var(--documine-workload-content-width) - var(--quick-navigation-width) - 3px
);
--viewer-height: calc(100% - calc(var(--iqser-top-bar-height) + 50px));
}
@ -189,7 +189,7 @@ body {
width: var(--documine-viewer-width);
height: var(--viewer-height);
bottom: 0;
right: calc(var(--qiuck-navigation-width) + 3px);
right: calc(var(--quick-navigation-width) + 3px);
position: absolute;
&.document-info {