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

feat: allow wider tooltip width than parent container (#682)

Browse Source
This commit is contained in:
Róbert Kiss
2018-06-18 23:37:15 +02:00
committed by László Monda
parent cabfde7963
commit f52dc36a6a
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" <icon name="question-circle"
data-toggle="tooltip" data-toggle="tooltip"
html="true" html="true"
maxWidth="500" maxWidth="525"
title="<ul class='no-indent text-left'> 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>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> <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 { private getCustomTemplate(): string {
let style = ''; let tooltipStyle = '';
let innerStyle = '';
if (this.maxWidth) { 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-arrow"></div>
<div class="tooltip-inner" ${style}></div> <div class="tooltip-inner" ${innerStyle}></div>
</div>`; </div>`;
} }
} }