fix bad styling for thumbs view in extra networks #10639

This commit is contained in:
AUTOMATIC 2023-05-23 14:07:00 +03:00
parent 80a723cbcf
commit 0e1c41998a
1 changed files with 17 additions and 1 deletions

View File

@ -756,13 +756,22 @@ footer {
.extra-network-cards .card .metadata-button, .extra-network-thumbs .card .metadata-button{ .extra-network-cards .card .metadata-button, .extra-network-thumbs .card .metadata-button{
display: none; display: none;
position: absolute; position: absolute;
right: 0;
color: white; color: white;
right: 0;
}
.extra-network-cards .card .metadata-button {
text-shadow: 2px 2px 3px black; text-shadow: 2px 2px 3px black;
padding: 0.25em; padding: 0.25em;
font-size: 22pt; font-size: 22pt;
width: 1.5em; width: 1.5em;
} }
.extra-network-thumbs .card .metadata-button {
text-shadow: 1px 1px 2px black;
padding: 0;
font-size: 16pt;
width: 1em;
top: -0.25em;
}
.extra-network-cards .card:hover .metadata-button, .extra-network-thumbs .card:hover .metadata-button{ .extra-network-cards .card:hover .metadata-button, .extra-network-thumbs .card:hover .metadata-button{
display: inline-block; display: inline-block;
} }
@ -787,6 +796,13 @@ footer {
position: relative; position: relative;
} }
.extra-network-thumbs .card .preview{
position: absolute;
object-fit: cover;
width: 100%;
height:100%;
}
.extra-network-thumbs .card:hover .additional a { .extra-network-thumbs .card:hover .additional a {
display: inline-block; display: inline-block;
} }