OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made the attribution widget look better on smaller screens

Browse Source 
refs https://github.com/TryGhost/Team/issues/1986
This commit is contained in:
Djordje Vlaisavljevic 2022-09-28 14:20:34 +02:00
parent d63f4548c0
commit b72b51b542
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
ghost/admin/app/styles/layouts/dashboard.css
View File

@ -1040,6 +1040,11 @@ Dashboard Attribution */
position: relative;
}
.gh-dashboard-attribution .gh-dashboard-select {
top: 18px;
right: 6px;
}
.gh-dashboard-attribution-chart {
display:flex;
justify-content:center;
@ -1180,6 +1185,32 @@ Dashboard Attribution */
color: var(--lightgrey);
}
@media screen and (max-width: 1120px) {
.gh-dashboard-attribution-grid .gh-dashboard-metric-label {
position: absolute;
top: 0;
left: 0;
}
.gh-dashboard-attribution-grid {
grid-template-columns: 1fr;
grid-template-rows: 2fr;
}
.gh-dashboard-attribution-grid > div:first-child {
grid-row: 2;
}
.gh-dashboard-attribution .gh-dashboard-list-title-sources {
opacity: 1;
}
.gh-dashboard-attribution-chart {
padding-top: 24px;
padding-bottom: 40px;
}
}
/* ---------------------------------
Dashboard Engagement */