-
-
Notifications
You must be signed in to change notification settings - Fork 1.6k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Dashboard: Tooltip for balance on a particular day (#5650)
Closes #5617.
- Loading branch information
1 parent
6621859
commit 71c5566
Showing
4 changed files
with
538 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
58 changes: 58 additions & 0 deletions
58
BTCPayServer/wwwroot/vendor/chartist/chartist-plugin-tooltip.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,58 @@ | ||
/** | ||
* Chartist.js plugin to display a tooltip on top of a chart. | ||
* @author Antonia Ciocodeica | ||
* @version 0.1 22 Nov 2016 | ||
*/ | ||
.chartist-tooltip { | ||
position: absolute; | ||
left: 0; | ||
top: 0; | ||
z-index: 1000; | ||
display: block; | ||
padding: var(--btcpay-space-xs) var(--btcpay-space-s); | ||
visibility: hidden; | ||
transform: translateY(3em); | ||
opacity: 0; | ||
border-radius: var(--btcpay-border-radius); | ||
border: 1px solid var(--btcpay-body-border-light); | ||
color: var(--btcpay-body-text); | ||
background-color: var(--btcpay-bg-tile); | ||
transition: transform var(--btcpay-transition-duration-fast) ease-in-out; | ||
} | ||
.chartist-tooltip:not([hidden]) { | ||
margin: 0; | ||
visibility: visible; | ||
transform: none; | ||
opacity: 1; | ||
} | ||
|
||
/* Tooltip arrow */ | ||
.chartist-tooltip::before { | ||
content: '\25BC'; | ||
position: absolute; | ||
left: calc(50% - .5em); | ||
top: 100%; | ||
z-index: -1; | ||
font-size: 1.3em; | ||
line-height: .5em; | ||
font-family: Arial, sans-serif; | ||
color: var(--btcpay-body-border-light); | ||
transform: scaleY(0.7); | ||
text-shadow: 0 0.25em 0.35em rgba(0, 0, 0, 0.1); | ||
} | ||
.chartist-tooltip--left::before { | ||
left: 0.75em; | ||
} | ||
.chartist-tooltip--right::before { | ||
left: auto; | ||
right: 0.75em; | ||
} | ||
|
||
/* Adds a small point transition (line charts) when the point is active */ | ||
.ct-point { | ||
transition: all 0.2s ease-in-out; | ||
} | ||
/* Increased specificity intended to overwrite the default chartist style */ | ||
.ct-chart-line.ct-chart-line .ct-point--hover { | ||
stroke-width: 1.25em; | ||
} |
Oops, something went wrong.
ok
h18c90e6bba55029c419_20231222_105227.mp4
you mam now me as a man or boy