diff --git a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html index dc0a02a47..b7260aeb8 100644 --- a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html +++ b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html @@ -104,7 +104,7 @@ #quickNavigation (keydown)="preventArrowDefault($event)" (keyup)="preventArrowDefault($event)" - [class.activePanel]="pagesPanelActive" + [class.active-panel]="pagesPanelActive" class="pages" tabindex="0" > @@ -122,11 +122,10 @@ #annotationsElement (keydown)="preventArrowDefault($event)" (keyup)="preventArrowDefault($event)" - [class.activePanel]="!pagesPanelActive" + [class.active-panel]="!pagesPanelActive" class="annotations" tabindex="1" > -
{{ activeViewerPage }} - {{ displayedAnnotations[activeViewerPage]?.annotations?.length || 0 }} @@ -168,7 +167,6 @@ >
- diff --git a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss index 76a4067df..9a1a3afd4 100644 --- a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss +++ b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss @@ -58,16 +58,13 @@ redaction-pdf-viewer { @include no-scroll-bar(); outline: none; - &.activePanel { + &.active-panel { background-color: #fafafa; } } .pages { border-right: 1px solid $separator; - display: flex; - flex-direction: column; - align-items: center; min-width: 61px; }