diff --git a/apps/maarch_entreprise/js/angular/app/Views/signatureBook.html b/apps/maarch_entreprise/js/angular/app/Views/signatureBook.html index ae9debb2e0fb2685b071844b3564b6000cdb4d5e..c3871065b0f5bfac670b266ae07960cb92e503bc 100644 --- a/apps/maarch_entreprise/js/angular/app/Views/signatureBook.html +++ b/apps/maarch_entreprise/js/angular/app/Views/signatureBook.html @@ -61,11 +61,11 @@ </div> </div> </div> - <div *ngIf="showLeftPanel" class="hideresListContent" (click)="displayPanel('RESLEFT')"> - <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="showResLeftPanel"></i> - <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="!showResLeftPanel"></i> - </div> <div *ngIf="showLeftPanel" class="contentLeft" [ngStyle]="{'width': leftContentWidth}" id="contentLeft"> + <div *ngIf="showLeftPanel" class="hideresListContent" (click)="displayPanel('RESLEFT')"> + <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="showResLeftPanel"></i> + <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="!showResLeftPanel"></i> + </div> <div *ngIf="headerTab == 1" class="contentShow"> <div *ngIf="showTopLeftPanel" class="pjDoc"> <div style="height:100%;"> @@ -92,12 +92,16 @@ <div *ngIf="headerTab == 5" class="contentShow" style="width:98%;"> <iframe [src]="linksViewerLink | safeUrl"></iframe> </div> - </div> - <div class="hideLeftContent" (click)="displayPanel('LEFT')"> - <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="showLeftPanel"></i> - <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="!showLeftPanel"></i> + <div class="hideRightContent"> + <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="showLeftPanel"></i> + <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="!showLeftPanel"></i> + </div> </div> <div class="contentRight" id="contentRight" [ngStyle]="{'width': rightContentWidth}"> + <div class="hideLeftContent" (click)="displayPanel('LEFT')"> + <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="showLeftPanel"></i> + <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="!showLeftPanel"></i> + </div> <div *ngIf="signatureBook.attachments[rightSelectedThumbnail] && signatureBook.hasWorkflow" class="contentShow"> <div *ngIf="showTopRightPanel" class="pjDetails"> <div class="infoPj" title="{{signatureBook.attachments[rightSelectedThumbnail].attachment_type}}"> diff --git a/modules/visa/css/module.css b/modules/visa/css/module.css index 2970c7ebb15acbf721c76e606aa47e1460a2ac0e..4acb99a3cb666643d883640503617e4703d50bae 100644 --- a/modules/visa/css/module.css +++ b/modules/visa/css/module.css @@ -303,21 +303,43 @@ overflow-y: auto; } -.hideresListContent,.hideLeftContent{ - display: inline-block; - height:100%; - text-align: center; - vertical-align: middle; - overflow: auto; +.hideLeftContent{ + position: absolute; + margin-left: -13px; + color: #666; + top: 45%; + padding: 5px; cursor: pointer; - width:1%; - padding-top: 15%; + background: #CEE9F1; + border-radius:40px; +} +.hideRightContent{ + position: absolute; + right: -10px; + color: #666; + top: 45%; + padding: 5px; + cursor: pointer; + background: #CEE9F1; + border-radius:40px; +} + +.hideresListContent{ + position: absolute; + left: -4px; + color: #666; + top: 45%; + padding: 5px; + cursor: pointer; + background: #CEE9F1; + border-radius:40px; } .contentLeft{ position: relative; border-right: solid 1px; vertical-align: top; + padding-left: 10px; /*width:39%;*/ } @@ -415,7 +437,7 @@ .pjDetailsMore{ z-index: 1; position: absolute; - left: -14px; + left: 15px; text-align: center; cursor: pointer; background: #009DC5;