uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: allow wider tooltip width than parent container

Browse Source
This commit is contained in:
Róbert Kiss
2018-06-18 23:30:27 +02:00
parent cabfde7963
commit 63a936968d
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/uhk-web/src/app/components/popover/popover.component.html
View File

@@ -95,7 +95,7 @@
<icon name="question-circle"
data-toggle="tooltip"
html="true"
maxWidth="500"
maxWidth="525"
title="<ul class='no-indent text-left'>
<li><strong>Default behavior</strong>: Remap the key on the the current layer of the current keymap.</li>
<li><strong>Remap on all keymaps</strong>: Remap key on the current layer of all keymaps.</li>

10
packages/uhk-web/src/app/directives/tooltip/tooltip.directive.ts
View File

@@ -47,15 +47,17 @@ export class TooltipDirective implements AfterContentInit, OnChanges {
}
private getCustomTemplate(): string {
let style = '';
let tooltipStyle = '';
let innerStyle = '';
if (this.maxWidth) {
style = `style="max-width: ${this.maxWidth}px;"`;
tooltipStyle = `style="width: ${this.maxWidth}px;"`;
innerStyle = `style="max-width: ${this.maxWidth}px;"`;
}
return `<div class="tooltip">
return `<div class="tooltip" ${tooltipStyle}>
<div class="tooltip-arrow"></div>
<div class="tooltip-inner" ${style}></div>
<div class="tooltip-inner" ${innerStyle}></div>
</div>`;
}
}