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

RED-5316: Higher z-index for help mode bottom border.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2022-10-12 14:00:16 +03:00
parent f658315254
commit 6cac4dd414
2 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/help-mode/help-mode/help-mode.component.html
View File

@ -1,4 +1,5 @@
<div *ngIf="helpModeService.isHelpModeActive$ | async" class="help-mode-border"> <div *ngIf="helpModeService.isHelpModeActive$ | async">
<div class="help-mode-border"></div>
<div class="bottom small-label"> <div class="bottom small-label">
<strong>{{ 'help-mode.bottom-text' | translate }}</strong> <strong>{{ 'help-mode.bottom-text' | translate }}</strong>
<a (click)="helpModeService.openHelpModeDialog()" *ngIf="(helpModeService.helpModeDialogIsOpened$ | async) === false"> <a (click)="helpModeService.openHelpModeDialog()" *ngIf="(helpModeService.helpModeDialogIsOpened$ | async) === false">

45
src/lib/help-mode/help-mode/help-mode.component.scss
View File

@ -13,30 +13,31 @@
position: absolute; position: absolute;
display: flex; display: flex;
justify-content: center; justify-content: center;
.bottom {
position: fixed;
height: 30px;
width: 95%;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
pointer-events: visiblePainted;
color: var(--iqser-grey-1);
a {
text-decoration: underline;
color: var(--iqser-grey-1);
}
.close {
display: flex;
align-items: center;
}
}
} }
.small-label { .small-label {
opacity: 1; opacity: 1;
} }
.bottom {
position: fixed;
height: 30px;
width: 95%;
bottom: 0;
display: flex;
z-index: 1300;
justify-content: space-between;
align-items: center;
pointer-events: visiblePainted;
color: var(--iqser-grey-1);
a {
text-decoration: underline;
color: var(--iqser-grey-1);
}
.close {
display: flex;
align-items: center;
}
}