hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 01:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

97732 Fixed some display issues

Browse Source
This commit is contained in:
Koen Pauwels
2023-01-05 13:21:50 +01:00
parent 920e36ecf2
commit 5a1e57408f
4 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/page-internal-server-error/page-internal-server-error.component.html
View File

@@ -1,6 +1,11 @@
<div class="page-internal-server-error container"> <div class="page-internal-server-error container">
<h1>500</h1> <h1>500</h1>
<h2><small *dsContextHelp="{content: 'context-help.multi-para.test', id: 'server-error'}">{{"500.page-internal-server-error" | translate}}</small></h2> <h2><small *dsContextHelp="{content: 'context-help.multi-para.test',
id: 'server-error',
tooltipPlacement: 'bottom'}"
>
{{"500.page-internal-server-error" | translate}}
</small></h2>
<br/> <br/>
<p>{{"500.help" | translate}}</p> <p>{{"500.help" | translate}}</p>
<br/> <br/>

2
src/app/shared/context-help-wrapper/context-help-wrapper.component.html
View File

@@ -18,7 +18,7 @@
[placement]="tooltipPlacement" [placement]="tooltipPlacement"
autoClose="outside" autoClose="outside"
triggers="manual" triggers="manual"
container="'body'" container="body"
#tooltip="ngbTooltip" #tooltip="ngbTooltip"
(click)="onClick()"> (click)="onClick()">
</i> </i>

19
src/app/shared/context-help-wrapper/context-help-wrapper.component.scss
View File

@@ -3,14 +3,14 @@
} }
.ds-context-help-icon { .ds-context-help-icon {
position: absolute; position: absolute;
top: 0; top: 0;
cursor: pointer; cursor: pointer;
color: var(--bs-info); color: var(--bs-info);
background-color: var(--bs-white); background-color: var(--bs-white);
font-size: 16px; // not relative, because we don't want the icon to resize based on the container font-size: 16px; // not relative, because we don't want the icon to resize based on the container
line-height: 1; line-height: 1;
border-radius: 50%; border-radius: 50%;
} }
.ds-context-help-icon-left { .ds-context-help-icon-left {
@@ -22,5 +22,6 @@
} }
::ng-deep .tooltip-inner { ::ng-deep .tooltip-inner {
width: 300px; width: var(--ds-context-help-tooltip-width);
max-width: var(--ds-context-help-tooltip-width);
} }

1
src/styles/_custom_variables.scss
View File

@@ -88,4 +88,5 @@
--ds-context-x-offset: -16px; --ds-context-x-offset: -16px;
--ds-context-help-icon-size: 16px; --ds-context-help-icon-size: 16px;
--ds-context-help-tooltip-width: 300px;
} }