Skip to content
Snippets Groups Projects
Commit 5f19e87f authored by Taras Kolodii's avatar Taras Kolodii
Browse files

Resolve #3494750: Made CSS more flexible for smaller image styles

parent ab7368f0
No related branches found
No related tags found
No related merge requests found
......@@ -32,17 +32,42 @@ div.nice-imagefield-sortable > .nice-imagefield-card > div.front img {
z-index: 99;
position: relative;
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
div.nice-imagefield-sortable > div .front .operations {
display: flex;
flex-direction: column;
gap: 10px;
opacity: 0;
visibility: hidden;
position: absolute;
transition-property: all;
transition-duration: .5s;
z-index: 100;
top: 1em;
left: 1em;
top: 5px;
right: 5px;
width: 90px;
}
div.nice-imagefield-sortable > div .front .operations input {
width: 100%;
margin: 0;
padding: 4px 10px;
border-radius: 20px;
border: 1px solid transparent !important;
}
div.nice-imagefield-sortable > div .front .operations input.flip-button:hover {
background: darkgray;
color: white;
}
div.nice-imagefield-sortable > div .front .operations input:not(.flip-button):hover {
background: red;
color: white;
}
div.nice-imagefield-sortable > div.ui-sortable-helper .front .operations {
......@@ -54,6 +79,10 @@ div.nice-imagefield-sortable > div:hover .front .operations {
visibility: visible;
}
div.nice-imagefield-sortable > div .back {
overflow-y: scroll;
}
div.nice-imagefield-sortable > div .back .operations {
margin: 1em 0;
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment