RED-9372: fixed annotation details moving on hover.

This commit is contained in:
Nicoleta Panaghiu 2024-09-05 17:17:32 +03:00
parent 41b8407862
commit afa399baf1
3 changed files with 7 additions and 11 deletions

View File

@ -2,7 +2,7 @@
display: flex;
position: absolute;
top: 6px;
right: 19px;
right: 8px;
}
.popover {

View File

@ -3,21 +3,13 @@
:host {
width: 100%;
position: relative;
overflow: hidden;
&:hover {
overflow-y: auto;
@include common-mixins.scroll-bar;
}
overflow-y: auto;
@include common-mixins.scroll-bar;
&.has-scrollbar:hover redaction-annotation-wrapper::ng-deep,
&::ng-deep.documine-wrapper {
.annotation {
padding-right: 5px;
}
redaction-annotation-details {
right: 8px;
}
}
}

View File

@ -1,3 +1,5 @@
@use 'common-mixins';
.components-header {
display: flex;
flex-direction: row;
@ -26,6 +28,7 @@ mat-icon {
font-size: 12px;
overflow: scroll;
height: calc(100% - 40px);
@include common-mixins.scroll-bar;
.component-row {
display: flex;
@ -47,6 +50,7 @@ mat-icon {
&:not(:last-child) {
border-bottom: 1px solid var(--iqser-separator);
}
border-bottom: 1px solid var(--iqser-separator);
margin-left: 26px;
margin-right: 26px;