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

Added hover states for Resource boxes (#21276)

Browse source 
On Post Analytics, and on the Dashboard, the resource boxes did not have
a hover state, making them look very static. They now have a hover
state.
This commit is contained in:
Daniël van der Winden 2024-10-10 12:24:06 +02:00 • committed by GitHub
parent 598ce03186
commit 2a5ba1c13c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -878,6 +878,10 @@
min-width: 0;
}
.gh-post-analytics-resource:hover {
box-shadow: 0 1px 5px -1px rgba(0,0,0,.2);
}
.gh-post-analytics-resource .thumbnail {
border-radius: var(--border-radius);
width: 100%;

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

@ -1594,6 +1594,11 @@ Dashboard Resources */
border: none;
}
.gh-dashboard-resources .gh-dashboard-resource-box:hover,
.gh-dashboard-newsletter .gh-dashboard-resource-box:hover {
box-shadow: 0 1px 5px -1px rgba(0,0,0,.2);
}
@media screen and (max-width: 1320px) {
.gh-dashboard-resources .gh-dashboard-resource-box {
grid-template-columns: 1fr;