daggerheart/styles/less/dialog/actions/action-list.less
Dapoulp 3f95740b7a
Reduce Action Selection click number & Style Action Type Dialog (#408)
* Reduce Action Selection click number & Style Action Type Dialog

* fixes

* Action Select buttons color
2025-07-25 19:13:21 +02:00

63 lines
1.4 KiB
Text

@import '../../utils/fonts.less';
.application.daggerheart.dh-style {
.actions-list, .action-buttons-list {
display: flex;
flex-direction: column;
.action-item {
display: flex;
align-items: center;
gap: 5px;
}
}
.action-buttons-list {
gap: 10px;
button {
flex: 1;
display: flex;
padding: 6px 40px 6px 6px;
height: fit-content;
img {
width: 30px;
}
span {
font-family: @font-body;
flex: 1;
font-weight: bold;
}
}
}
.actions-list {
gap: 5px;
.action-item {
&:hover {
background-color: rgba(255,255,255,.05);
}
padding: 5px;
border-radius: 5px;
transition: background-color .3s ease-in-out;
.label {
display: flex;
align-items: center;
gap: 10px;
font-family: @font-body;
cursor: pointer;
flex: 1;
i {
text-align: center;
width: 30px;
}
}
input[type="radio"] {
margin-left: auto;
}
}
}
}