mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-11 19:25:21 +01:00
Design/action settings dialog style (#274)
* Action Setting Dialog style * fix small style details in action config application * requested changes --------- Co-authored-by: moliloo <dev.murilobrito@gmail.com>
This commit is contained in:
parent
e9ad9c539a
commit
608920c193
18 changed files with 308 additions and 225 deletions
|
|
@ -89,11 +89,18 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
& option {
|
||||
& option,
|
||||
& optgroup {
|
||||
color: @beige;
|
||||
background-color: @dark-blue;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.6;
|
||||
outline: 2px solid transparent;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
@ -148,10 +155,16 @@
|
|||
.inline-child {
|
||||
flex: 1;
|
||||
}
|
||||
.checkbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.list-w-img {
|
||||
padding: 5px;
|
||||
label {
|
||||
flex: 1;
|
||||
}
|
||||
img {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -161,6 +174,10 @@
|
|||
align-items: start;
|
||||
gap: 10px;
|
||||
min-height: 64px;
|
||||
flex: 1;
|
||||
> .one-column {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.two-columns {
|
||||
|
|
@ -196,11 +213,29 @@
|
|||
}
|
||||
}
|
||||
|
||||
&[disabled],
|
||||
select[disabled],
|
||||
input[disabled] {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.nest-inputs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
gap: 5px;
|
||||
|
||||
.btn {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.image {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
|
|
@ -210,6 +245,19 @@
|
|||
font-weight: bold;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
&.checkbox {
|
||||
width: fit-content;
|
||||
|
||||
.form-fields {
|
||||
height: 32px;
|
||||
align-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:has(.list-w-img) {
|
||||
gap: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue