Skip to content

B
baas-ide
Unverified Commit bdf6b8dd authored by yann300's avatar yann300 Committed by GitHub
Browse files
Options

Merge pull request #1981 from ethereum/master_l

added bootstrap alert to tooltip
parents 09baddce 6d56bdb4
Hide whitespace changes
Inline Side-by-side
Showing with 2 additions and 3 deletions
src/app/ui/styles/tooltip-styles.js
View file @ bdf6b8dd
...@@ -7,13 +7,12 @@ var css = csjs` ...@@ -7,13 +7,12 @@ var css = csjs`
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
position: fixed; position: fixed;
color: var(--primary)
min-height: 50px; min-height: 50px;
padding: 16px 24px 12px; padding: 16px 24px 12px;
border-radius: 3px; border-radius: 3px;
bottom: -300; bottom: -300;
left: 40%; left: 40%;
font-size: 12px; font-size: 14px;
text-align: center; text-align: center;
bottom: 0; bottom: 0;
} }
......
src/app/ui/tooltip.js
View file @ bdf6b8dd
...@@ -29,7 +29,7 @@ class Toaster { ...@@ -29,7 +29,7 @@ class Toaster {
const shortTooltipText = tooltipText.length > 201 ? tooltipText.substring(0, 200) + '...' : tooltipText const shortTooltipText = tooltipText.length > 201 ? tooltipText.substring(0, 200) + '...' : tooltipText
this.tooltip = yo` this.tooltip = yo`
<div class="${css.tooltip} bg-secondary" onmouseenter=${() => { over() }} onmouseleave=${() => { out() }}> <div class="${css.tooltip} alert alert-info" onmouseenter=${() => { over() }} onmouseleave=${() => { out() }}>
<span>${shortTooltipText}<button class="btn btn-secondary btn-sm" onclick=${() => { modal.alert(tooltipText) }}>show full message</button></span> <span>${shortTooltipText}<button class="btn btn-secondary btn-sm" onclick=${() => { modal.alert(tooltipText) }}>show full message</button></span>
${action} ${action}
</div>` </div>`
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment