mirror of
https://github.com/AUTOMATIC1111/stable-diffusion-webui.git
synced 2024-06-07 21:20:49 +00:00
Add visual feedback when long pressing card.
This commit is contained in:
parent
19f2c61f4c
commit
12f1670538
20
style.css
20
style.css
@ -1011,10 +1011,30 @@ footer {
|
||||
background-image: url('./file=html/card-no-preview.png')
|
||||
}
|
||||
|
||||
.card::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
background: var(--color-accent-soft);
|
||||
transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.card.pressed::after {
|
||||
width: 100%;
|
||||
opacity: 0.25;
|
||||
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.extra-network-pane .card:hover{
|
||||
box-shadow: 0 0 2px 0.3em rgba(0, 128, 255, 0.35);
|
||||
}
|
||||
|
||||
|
||||
.extra-network-pane .card .actions .additional{
|
||||
display: none;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user