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

removed header

Browse Source
This commit is contained in:
Timo Bejan 2020-11-18 09:46:03 +02:00
parent 8e5884f0a0
commit e957545332
2 changed files with 23 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts
View File

@ -86,7 +86,6 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges {
this.instance = instance;
this._disableElements();
this._configureTextPopup();
this._configureHeader();
instance.annotManager.on('annotationSelected', (annotationList, action) => {
if (action === 'deselected') {
this.annotationSelected.emit(null);
@ -203,22 +202,6 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges {
};
}
private _configureHeader() {
this.instance.setToolbarGroup('toolbarGroup-View');
this.instance.setHeaderItems((header) => {
const items = header.getItems();
const idx = items.findIndex((el) => el['dataElement'] === 'searchButton');
const title = document.createElement('div');
title.innerText = this.fileStatus.filename;
items.splice(idx, 0, {
type: 'customElement',
dataElement: 'header-text',
render: () => title
});
header.update(items);
});
}
public selectAnnotation(annotation: AnnotationWrapper) {
this.instance.annotManager.deselectAllAnnotations();
const annotationFromViewer = this.instance.annotManager.getAnnotationById(annotation.id);

46
apps/red-ui/src/assets/pdftron/stylesheet.css
View File

@ -1,26 +1,26 @@
.custom-ribbons-container {
flex: none;
}
/*.custom-ribbons-container {*/
/* flex: none;*/
/*}*/
div[data-element='header-text'] {
flex: 1;
overflow: hidden;
margin: 0 258px 0 6px;
}
/*div[data-element='header-text'] {*/
/* flex: 1;*/
/* overflow: hidden;*/
/* margin: 0 258px 0 6px;*/
/*}*/
div[data-element='header-text'] > div {
font-size: 11px;
color: #283241;
line-height: 14px;
font-weight: bold;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center;
}
/*div[data-element='header-text'] > div {*/
/* font-size: 11px;*/
/* color: #283241;*/
/* line-height: 14px;*/
/* font-weight: bold;*/
/* text-overflow: ellipsis;*/
/* white-space: nowrap;*/
/* overflow: hidden;*/
/* text-align: center;*/
/*}*/
@media (max-width: 900px) {
div[data-element='header-text'] {
margin: 0 6px 0 6px;
}
}
/*@media (max-width: 900px) {*/
/* div[data-element='header-text'] {*/
/* margin: 0 6px 0 6px;*/
/* }*/
/*}*/