From db7b38da3d2c0a418c10c6ba8841a4057de8089e Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Fri, 4 Dec 2020 16:03:33 +0100
Subject: [PATCH] FIX #15550 TIME 0:05 add css page display
---
src/frontend/app/document/document.component.html | 2 +-
src/frontend/app/document/document.component.scss | 13 +++++++++++--
2 files changed, 12 insertions(+), 3 deletions(-)
diff --git a/src/frontend/app/document/document.component.html b/src/frontend/app/document/document.component.html
index b3e2e97b72..90aa190d1b 100755
--- a/src/frontend/app/document/document.component.html
+++ b/src/frontend/app/document/document.component.html
@@ -109,7 +109,7 @@
<section class="page-info"
*ngIf="!signaturesService.dragging && !signaturesService.resizing && docList[currentDoc]">
<div class="page-info-doc">{{docList[currentDoc].title}}</div>
- <div style="font-weight: bold; color: black;" class="page-info-page" (click)="pagesList.open()">{{'lang.page' | translate}} {{ pageNum }} / {{ totalPages }}</div>
+ <div class="page-info-page" (click)="pagesList.open()">{{'lang.page' | translate}} {{ pageNum }} / {{ totalPages }}</div>
<ion-select style="max-height: 30%;" interface="action-sheet" #pagesList (ionChange)='goTo($event.target.value)' hidden="true">
<ion-select-option *ngFor="let page of pagesArray(this.totalPages);let i=index"[value]="page">{{ i + 1 }}</ion-select-option>
</ion-select>
diff --git a/src/frontend/app/document/document.component.scss b/src/frontend/app/document/document.component.scss
index 7ee034ad6d..1ce2ffddcb 100644
--- a/src/frontend/app/document/document.component.scss
+++ b/src/frontend/app/document/document.component.scss
@@ -176,16 +176,19 @@ canvas {
height: 30px;
width: auto;
max-width: 70%;
- color: #9B9B9B;
+ color: rgba(var(--ion-color-dark-rgb), 0.8);
font-size: 12px;
font-weight: 300;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
- opacity: 0.8;
+ opacity: 0.5;
left: 50%;
transform: translateX(-50%);
+ font-weight: 500;
+ transition: all 0.3s ease-in-out;
+
&-doc {
max-width: 80%;
@@ -199,6 +202,7 @@ canvas {
}
&-page {
+ cursor: pointer;
text-align: center;
border-radius: 0 14px 14px 0;
padding: 0 20px;
@@ -207,8 +211,13 @@ canvas {
margin-left: -15px;
height: 28px;
white-space: pre;
+ display: flex;
+ align-items: center;
}
}
+ &-info:hover {
+ opacity: 1;
+ }
}
.btn-next {
--
GitLab