Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Tiny tweaks to styles for post analytics

Browse source 
- Made the source attribution table half and half
- Adjust the button hover for post rows

no issue
This commit is contained in:
James Morris 2022-09-29 11:06:29 +01:00
parent 0a322574a8
commit 9be863cc82
1 changed files with 12 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
ghost/admin/app/styles/layouts/content.css
View file

@ -915,7 +915,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 0 0;
padding: 2rem 0;
}
.gh-attribution-chart-column-inner {
@ -924,7 +924,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
}
.gh-attribution-table-column {
flex: 2;
flex: 1;
padding: 1rem 0;
}
@ -1195,9 +1195,8 @@ a.gh-post-list-cta.stats.is-hovered {
}
a.gh-post-list-cta.stats.is-hovered:hover {
color: var(--green-d1);
border-color: var(--lightgrey-l1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-color: var(--lightgrey-l2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.gh-post-list-cta.edit.is-hovered {
@ -1206,9 +1205,8 @@ a.gh-post-list-cta.edit.is-hovered {
a.gh-post-list-cta.edit.is-hovered:hover,
a.gh-post-list-cta.edit:not(.is-hovered):hover {
color: var(--pink-d1);
border-color: var(--lightgrey-l1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-color: var(--lightgrey-l2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.gh-post-list-cta > svg {
@ -1216,6 +1214,7 @@ a.gh-post-list-cta > svg {
height: 1.5rem;
color: var(--darkgrey);
stroke: var(--darkgrey);
transition: all .1s linear;
}
a.gh-post-list-cta > svg path {
@ -1230,21 +1229,15 @@ a.gh-post-list-cta > span {
transition: all .1s linear;
}
a.gh-post-list-cta.edit.is-hovered > * {
a.gh-post-list-cta.edit.is-hovered > *,
a.gh-post-list-cta.edit.is-hovered:hover > *,
a.gh-post-list-cta.edit:not(.is-hovered):hover > * {
color: var(--pink-d1);
}
a.gh-post-list-cta.edit.is-hovered:hover > *,
a.gh-post-list-cta.edit:not(.is-hovered):hover > * {
color: var(--pink-d2);
}
a.gh-post-list-cta.stats.is-hovered > * {
color: var(--green-d1);
}
a.gh-post-list-cta.stats.is-hovered > *,
a.gh-post-list-cta.stats.is-hovered:hover > * {
color: var(--green-d2);
color: var(--green-d1);
}
@media screen and (max-width: 1080px) {