Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Fixed chart re-rendering bug

Browse source
This commit is contained in:
Peter Zimon 2022-05-12 14:04:24 +02:00
parent f6b06ef9bf
commit f3e35bb164
4 changed files with 36 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ghost/admin/app/components/dashboard/v5/charts/paid-breakdown.js
View file

@ -254,10 +254,8 @@ export default class PaidBreakdown extends Component {
e.target.style.cursor = 'pointer';
}
},
animation: {
duration: 0
},
responsiveAnimationDuration: 0,
animation: false,
responsiveAnimationDuration: 1,
tooltips: {
enabled: false,
intersect: false,

6
ghost/admin/app/components/dashboard/v5/charts/paid-mix.js
View file

@ -354,10 +354,8 @@ export default class PaidMix extends Component {
right: 4
}
},
animation: {
duration: 0
},
responsiveAnimationDuration: 0,
animation: false,
responsiveAnimationDuration: 1,
hover: {
onHover: function (e) {
e.target.style.cursor = 'pointer';

6
ghost/admin/app/components/dashboard/v5/charts/paid-mrr.js
View file

@ -162,10 +162,8 @@ export default class PaidMrr extends Component {
e.target.style.cursor = 'pointer';
}
},
animation: {
duration: 0
},
responsiveAnimationDuration: 0,
animation: false,
responsiveAnimationDuration: 1,
tooltips: {
enabled: false,
intersect: false,

44
ghost/admin/app/styles/layouts/dashboard-v5.css
View file

@ -238,11 +238,12 @@ Dashboard v5 Layout */
.gh-dashboard5-minichart {
flex: 1;
border-left: 1px solid var(--whitegrey);
padding: 4px 16px 0;
padding: 4px 16px 0 24px;
position: relative;
}
.gh-dashboard5-minichart .gh-dashboard5-data {
position: absolute;
pointer-events: none;
height: 100%;
display: flex;
@ -253,6 +254,33 @@ Dashboard v5 Layout */
min-height: 88px;
}
.gh-dashboard5-minicharts .gh-dashboard5-chart {
flex: auto;
padding: 0;
height: 88px;
padding: 0;
padding-left: 45%;
width: 100%;
}
@media screen and (max-width: 1400px) {
.gh-dashboard5-minicharts .gh-dashboard5-chart {
padding-left: 50%;
}
}
@media screen and (max-width: 1320px) {
.gh-dashboard5-minicharts .gh-dashboard5-chart {
padding-left: 60%;
}
}
@media screen and (max-width: 1120px) {
.gh-dashboard5-minicharts .gh-dashboard5-chart {
padding-left: 0%;
}
}
.gh-dashboard5-minichart:first-child .gh-dashboard5-data {
left: 0;
}
@ -502,14 +530,6 @@ Dashboard v5 Chart */
height: 100% !important;
}
.gh-dashboard5-minicharts .gh-dashboard5-chart {
flex: auto;
padding: 0;
width: 100%;
height: 88px;
padding: 0;
}
.gh-dashboard5-minichart .gh-dashboard5-content {
display: flex;
}
@ -526,15 +546,11 @@ Dashboard v5 Chart */
.gh-dashboard5-mix .gh-dashboard5-data {
position: absolute;
top: 0;
top: 4px;
bottom: 0;
left: 24px;
}
.gh-dashboard5-mix .gh-dashboard5-metric {
margin-top: 4px;
}
.gh-dashboard5-mix .gh-dashboard5-chart.narrow {
/* margin-left: -80px; */
padding-left: 30%;