Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-chart.css
/** | /** | ||||
* @provides phui-chart-css | * @provides phui-chart-css | ||||
*/ | */ | ||||
.chart .axis line, | .chart .axis line, | ||||
.chart .axis path { | .chart .axis path { | ||||
fill: none; | fill: none; | ||||
stroke: {$blueborder}; | stroke: {$blueborder}; | ||||
shape-rendering: crispEdges; | shape-rendering: crispEdges; | ||||
} | } | ||||
.chart .axis text { | .chart .axis text { | ||||
font: {$basefont}; | |||||
fill: {$darkgreytext}; | fill: {$darkgreytext}; | ||||
} | } | ||||
.chart .outer, | .chart .outer, | ||||
.chart .inner { | .chart .inner { | ||||
shape-rendering: crispEdges; | shape-rendering: crispEdges; | ||||
} | } | ||||
Show All 26 Lines | .chart-tooltip { | ||||
height: 16px; | height: 16px; | ||||
overflow: hidden; | overflow: hidden; | ||||
padding: 2px; | padding: 2px; | ||||
background: {$lightbluebackground}; | background: {$lightbluebackground}; | ||||
border: 1px solid {$blueborder}; | border: 1px solid {$blueborder}; | ||||
border-radius: 8px; | border-radius: 8px; | ||||
pointer-events: none; | pointer-events: none; | ||||
} | } | ||||
.chart-hardpoint { | |||||
min-height: 480px; | |||||
overflow: hidden; | |||||
position: relative; | |||||
} | |||||
.device-desktop .chart-container { | |||||
position: absolute; | |||||
bottom: 0; | |||||
top: 0; | |||||
left: 0; | |||||
right: 300px; | |||||
} | |||||
.device .chart-container { | |||||
min-height: 480px; | |||||
} | |||||
.device-desktop .chart-curtain { | |||||
width: 300px; | |||||
position: absolute; | |||||
bottom: 0; | |||||
top: 0; | |||||
right: 0; | |||||
} | |||||
.chart-function-label-list { | |||||
background: {$lightbluebackground}; | |||||
border: 1px solid {$lightblueborder}; | |||||
padding: 8px 12px; | |||||
} | |||||
.device-desktop .chart-function-label-list { | |||||
margin-top: 23px; | |||||
} | |||||
.chart-function-label-list-item .phui-icon-view { | |||||
margin-right: 8px; | |||||
} |