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:
Dapoulp 2025-07-05 22:45:08 +02:00 committed by GitHub
parent e9ad9c539a
commit 608920c193
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 308 additions and 225 deletions

View file

@ -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;
}
}