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

Changed how the mini charts are layed out to fix bugs in Safari for new Dashboard

Browse source 
refs: https://github.com/TryGhost/Team/issues/1531
This commit is contained in:
James Morris 2022-05-17 14:43:46 +01:00
parent b2a6c01cdf
commit 600e02610a
1 changed files with 32 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
ghost/admin/app/styles/layouts/dashboard.css
View file

@ -254,40 +254,59 @@ Dashboard v5 Layout */
min-height: 88px;
}
.gh-dashboard-minicharts .gh-dashboard-chart {
.gh-dashboard-minichart .gh-dashboard-chart {
flex: auto;
padding: 0;
height: 88px;
padding: 0;
padding-left: 45%;
width: 100%;
padding: 0;
margin: 0;
}
.gh-dashboard-minicharts .gh-dashboard-mix .gh-dashboard-chart {
padding-left: 0;
.gh-dashboard-minichart .gh-dashboard-chart-box {
width: 54%;
margin-left: 45%;
}
.gh-dashboard-minicharts .gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
.gh-dashboard-minichart.gh-dashboard-mix .gh-dashboard-chart-box {
width: 99%;
margin-left: 0;
}
.gh-dashboard-minichart.gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
/* remember to match these to the tooltip offsets */
width: 69%;
margin-left: 30%;
}
@media screen and (max-width: 1400px) {
.gh-dashboard-minicharts .gh-dashboard-chart {
padding-left: 50%;
.gh-dashboard-minichart .gh-dashboard-chart-box {
width: 49%;
margin-left: 50%;
}
.gh-dashboard-minichart.gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
width: 64%;
margin-left: 35%;
}
}
@media screen and (max-width: 1320px) {
.gh-dashboard-minicharts .gh-dashboard-chart {
padding-left: 60%;
.gh-dashboard-minichart .gh-dashboard-chart-box {
width: 39%;
margin-left: 60%;
}
.gh-dashboard-minichart.gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
width: 54%;
margin-left: 45%;
}
}
@media screen and (max-width: 1120px) {
.gh-dashboard-minicharts .gh-dashboard-chart {
padding-left: 0%;
.gh-dashboard-minichart .gh-dashboard-chart-box,
.gh-dashboard-minichart.gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
width: 99%;
margin-left: 0%;
}
}