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

Improved the post table at narrower viewports

Browse source 
- Fixed up the broken table for Email Clicks flag
- Double checked other flags and when flag is off and fixed those
- Tested to smallest width

refs https://github.com/TryGhost/Team/issues/1937
This commit is contained in:
James Morris 2022-09-21 15:20:05 +01:00
parent bb0d900937
commit 16acdad985
1 changed files with 22 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -488,27 +488,27 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
padding-right: 12px;
}
.gh-posts-list-item {
.gh-posts-list-item:not(.gh-posts-list-item-labs) {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid var(--whitegrey);
margin: 0;
}
.gh-posts-list-item:nth-of-type(2) {
.gh-posts-list-item:not(.gh-posts-list-item-labs):nth-of-type(2) {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.gh-posts-list-item:hover {
.gh-posts-list-item:not(.gh-posts-list-item-labs):hover {
background: var(--whitegrey-l2);
}
.gh-posts-list-item:hover .gh-list-data {
.gh-posts-list-item:not(.gh-posts-list-item-labs):hover .gh-list-data {
background: none !important;
}
.gh-post-list-featured {
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-featured {
display: block;
order: 1;
border-bottom: none;
@ -518,19 +518,19 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
border: none;
}
.gh-post-list-title {
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-title {
display: block;
order: 2;
flex: 1 1 100%;
border: none;
padding: 20px 28px 4px;
padding: 20px 0 4px;
}
.gh-post-list-status,
.gh-post-list-recipients,
.gh-post-list-opens,
.gh-post-list-signups,
.gh-post-list-conversions {
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-status,
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-recipients,
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-opens,
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-signups,
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-conversions {
display: inline-block;
border: none;
padding: 0 4px 20px 0;
@ -541,26 +541,31 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
text-overflow: ellipsis;
}
.gh-post-list-status {
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-status {
order: 3;
}
.gh-post-list-recipients {
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-recipients {
order: 4;
}
.gh-post-list-opens {
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-opens {
order: 5;
}
.gh-post-list-signups {
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-signups {
order: 6;
}
.gh-post-list-conversions {
.gh-posts-list-item:not(.gh-posts-list-item-labs) .gh-post-list-conversions {
order: 7;
}
.gh-posts-list-item.gh-posts-list-item-labs .gh-post-list-opens,
.gh-posts-list-item.gh-posts-list-item-labs .gh-post-list-clicks {
display: none;
}
.gh-post-list-updated {
display: inline-block;
order: 6;