add group roll dialog

This commit is contained in:
moliloo 2025-09-19 23:10:05 -03:00
parent 5a874ae268
commit 9e9c1d2ac0
9 changed files with 324 additions and 3 deletions

View file

@ -0,0 +1,47 @@
@import '../../utils/colors.less';
.application.daggerheart.group-roll {
fieldset.one-column {
min-width: 500px;
margin-bottom: 10px;
}
.actor-item {
display: flex;
align-items: center;
gap: 15px;
width: 100%;
img {
height: 40px;
width: 40px;
border-radius: 50%;
object-fit: cover;
}
.actor-info {
display: flex;
flex-direction: column;
gap: 10px;
.actor-check-info {
display: flex;
gap: 10px;
.form-fields {
display: flex;
gap: 5px;
align-items: center;
input {
max-width: 40px;
text-align: center;
}
}
}
}
.controls {
margin-left: auto;
}
}
}

View file

@ -30,3 +30,5 @@
@import './multiclass-choice/sheet.less';
@import './reroll-dialog/sheet.less';
@import './group-roll/group-roll.less';

View file

@ -67,6 +67,10 @@
}
}
.standard-form {
font-family: @font-body;
}
&.two-big-buttons {
.window-content {
padding-top: 0;

View file

@ -1,3 +1,6 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.theme-light .autocomplete {
background-image: url('../assets/parchments/dh-parchment-light.png');
color: black;
@ -27,11 +30,15 @@
}
li[role='option'] {
display: flex;
align-items: center;
gap: 10px;
font-size: var(--font-size-14);
padding-left: 10px;
padding: 0 10px;
cursor: pointer;
&:hover {
&:hover,
&.selected {
background-color: light-dark(@dark, @beige);
color: light-dark(@beige, var(--color-dark-3));
}
@ -39,5 +46,16 @@
> div {
white-space: nowrap;
}
img {
height: 40px;
width: 40px;
border-radius: 50%;
margin-bottom: 10px;
&:first-child {
margin-top: 10px;
}
}
}
}