diff --git a/ghost/admin/app/styles/components/lists.css b/ghost/admin/app/styles/components/lists.css index 9321e6e8d2..55af6b477e 100644 --- a/ghost/admin/app/styles/components/lists.css +++ b/ghost/admin/app/styles/components/lists.css @@ -43,6 +43,16 @@ border-bottom-right-radius: 5px; } +.gh-list-row:not(.header):first-of-type { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.gh-list-row:last-of-type { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + .gh-list-cell { display: table-cell; vertical-align: middle; diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css index c6cbc17c52..8cf1ee5102 100644 --- a/ghost/admin/app/styles/layouts/content.css +++ b/ghost/admin/app/styles/layouts/content.css @@ -247,6 +247,19 @@ margin: 0; } + .gh-posts-list-item:nth-of-type(2) { + border-top-left-radius: 5px; + border-top-right-radius: 5px; + } + + .gh-posts-list-item:hover { + background: var(--whitegrey-l2); + } + + .gh-posts-list-item:hover .gh-list-data { + background: none !important; + } + .gh-post-list-featured { display: block; order: 1; @@ -254,6 +267,7 @@ position: absolute; left: -6px; top: 4px; + border: none; } .gh-post-list-title { @@ -324,12 +338,13 @@ flex-direction: column; align-items: flex-end; margin-top: 18px; + overflow-y: hidden; } .post-header .view-actions .gh-contentfilter { order: 2; - margin: 10px 0; - padding: 6px 2px; + margin: 10px 0 -20px; + padding: 6px 2px 26px 22px; max-width: calc(100vw - 10px); overflow-x: auto; } @@ -341,7 +356,7 @@ } .post-header .gh-canvas-title { - left: 20px; + left: 25px; } .gh-post-list-updated { @@ -353,6 +368,16 @@ } } +@media (max-width: 430px) { + .post-header .view-actions .gh-contentfilter { + border-right: 1px solid var(--whitegrey-d1); + } + + .gh-contentfilter-sort { + padding-right: 8px; + } +} + @media (min-width: 901px) { .gh-posts-list-item a:after { display: none; diff --git a/ghost/admin/app/styles/layouts/main.css b/ghost/admin/app/styles/layouts/main.css index c1a5e54224..6609e7c1e8 100644 --- a/ghost/admin/app/styles/layouts/main.css +++ b/ghost/admin/app/styles/layouts/main.css @@ -669,9 +669,6 @@ } @media (max-width: 500px) { - .gh-canvas-title { - display: block; - } .gh-canvas-title svg { margin: 0 5px; }