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

Bolder active annotation and page border

Browse Source
This commit is contained in:
Adina Țeudan 2020-11-26 20:40:03 +02:00
parent 7d75292387
commit 8723c85d7b
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss
View File

@ -86,14 +86,14 @@ redaction-pdf-viewer {
.annotation {
border-bottom: 1px solid $separator;
padding: 10px;
padding: 10px 10px 10px 6px;
font-size: 11px;
line-height: 14px;
cursor: pointer;
position: relative;
display: flex;
flex-direction: column;
border-left: 2px solid transparent;
border-left: 4px solid transparent;
.details {
display: flex;
@ -113,7 +113,7 @@ redaction-pdf-viewer {
}
&.active {
border-left: 2px solid $primary;
border-left: 4px solid $primary;
}
}
}

6
apps/red-ui/src/app/screens/file/page-indicator/page-indicator.component.scss
View File

@ -3,16 +3,16 @@
.page-wrapper {
color: $grey-1;
position: relative;
padding: 12px;
padding: 12px 14px 12px 8px;
cursor: pointer;
border-left: 2px solid transparent;
border-left: 4px solid transparent;
&:hover {
background-color: $grey-2;
}
&.active {
border-left: 2px solid $red-1;
border-left: 4px solid $red-1;
}
mat-icon {