forked from ddrilling/asb_cloud_front
Compare commits
4 Commits
dev
...
fix/toolti
Author | SHA1 | Date | |
---|---|---|---|
|
16ae6959cf | ||
|
f336ceb698 | ||
|
5962a3ec8b | ||
|
61f3201ad5 |
@ -189,7 +189,7 @@ const _D3HorizontalCursor = <DataType extends BaseDataType>({
|
||||
style={{ transition: 'opacity .1s ease-out', userSelect: fixed ? 'auto' : 'none' }}
|
||||
>
|
||||
<div className={'tooltip-wrapper'}>
|
||||
<div className={`adaptive-tooltip tooltip ${position} ${className}`}
|
||||
<div className={`tooltip ${position} ${className}`}
|
||||
style={{height: 'auto', bottom: `${position === 'bottom' ? '0' : ''}`}}
|
||||
>
|
||||
<div className={'tooltip-content'}>
|
||||
|
@ -14,11 +14,11 @@
|
||||
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
|
||||
font-size: 13px;
|
||||
|
||||
font-size: calc(7px + 6 * (100vw - 1024px) / 896);
|
||||
color: @color;
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
padding: calc(0px + 5 * (100vw - 1024px) / 896);
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
background-color: @bg-color;
|
||||
@ -119,35 +119,4 @@
|
||||
.grid-line:not(:first-of-type):not(:last-of-type) line {
|
||||
stroke: #ddd;
|
||||
stroke-dasharray: 4;
|
||||
}
|
||||
|
||||
@media (max-width: 1800px) {
|
||||
.asb-d3-chart .adaptive-tooltip {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1600px) {
|
||||
.asb-d3-chart .adaptive-tooltip {
|
||||
font-size: 9px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
.asb-d3-chart .adaptive-tooltip {
|
||||
font-size: 8px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1310px) {
|
||||
.asb-d3-chart .adaptive-tooltip {
|
||||
font-size: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
.asb-d3-chart .adaptive-tooltip {
|
||||
font-size: 6px;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user