Added transform action to handle phased adversaries

This commit is contained in:
WBHarry 2026-03-07 13:23:43 +01:00
parent f1f5102af1
commit dcf0293008
12 changed files with 196 additions and 38 deletions

View file

@ -4,50 +4,61 @@
display: flex;
flex-direction: column;
gap: 10px;
}
.actor-summon-line {
.transform-container {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.actor-drop-line {
display: flex;
align-items: center;
gap: 5px;
border-radius: 3px;
.actor-drop-name {
flex: 2;
display: flex;
align-items: center;
gap: 5px;
border-radius: 3px;
.actor-summon-name {
flex: 2;
display: flex;
align-items: center;
gap: 5px;
img {
height: 40px;
}
}
.actor-summon-controls {
flex: 1;
display: flex;
align-items: center;
gap: 5px;
.controls {
display: flex;
gap: 5px;
}
img {
height: 40px;
}
}
.summon-dragger {
.actor-drop-controls {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
height: 40px;
margin-top: 10px;
border: 1px dashed light-dark(@dark-blue-50, @beige-50);
border-radius: 3px;
color: light-dark(@dark-blue-50, @beige-50);
gap: 5px;
&.transform {
justify-content: flex-end;
}
.controls {
display: flex;
gap: 5px;
}
}
}
.drop-dragger {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
height: 40px;
margin-top: 10px;
border: 1px dashed light-dark(@dark-blue-50, @beige-50);
border-radius: 3px;
color: light-dark(@dark-blue-50, @beige-50);
}
.trigger-data {
width: 100%;
display: flex;