Compare commits

...

4 Commits

2 changed files with 4 additions and 35 deletions

View File

@ -189,7 +189,7 @@ const _D3HorizontalCursor = <DataType extends BaseDataType>({
style={{ transition: 'opacity .1s ease-out', userSelect: fixed ? 'auto' : 'none' }} style={{ transition: 'opacity .1s ease-out', userSelect: fixed ? 'auto' : 'none' }}
> >
<div className={'tooltip-wrapper'}> <div className={'tooltip-wrapper'}>
<div className={`adaptive-tooltip tooltip ${position} ${className}`} <div className={`tooltip ${position} ${className}`}
style={{height: 'auto', bottom: `${position === 'bottom' ? '0' : ''}`}} style={{height: 'auto', bottom: `${position === 'bottom' ? '0' : ''}`}}
> >
<div className={'tooltip-content'}> <div className={'tooltip-content'}>

View File

@ -14,11 +14,11 @@
max-width: 100%; max-width: 100%;
height: 100%; height: 100%;
font-size: 13px; font-size: calc(7px + 6 * (100vw - 1024px) / 896);
color: @color; color: @color;
position: absolute; position: absolute;
padding: 5px; padding: calc(0px + 5 * (100vw - 1024px) / 896);
border: none; border: none;
border-radius: 2px; border-radius: 2px;
background-color: @bg-color; background-color: @bg-color;
@ -119,35 +119,4 @@
.grid-line:not(:first-of-type):not(:last-of-type) line { .grid-line:not(:first-of-type):not(:last-of-type) line {
stroke: #ddd; stroke: #ddd;
stroke-dasharray: 4; 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;
}
} }