Merge branch 'main' into feature/enhance-fear-tracker

This commit is contained in:
Murilo Brito 2026-07-21 15:23:56 -03:00 committed by GitHub
commit 5e28d34729
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
76 changed files with 1641 additions and 1058 deletions

View file

@ -17,6 +17,13 @@
}
}
.section-header {
font-size: var(--font-size-20);
color: light-dark(@dark, @beige);
text-align: center;
margin-bottom: -12px;
}
.bonuses {
gap: 4px;
.critical-chip {

View file

@ -7,12 +7,12 @@
.chat-log .chat-message {
background-image: url('../assets/parchments/dh-parchment-light.png');
.message-header .message-header-metadata .message-metadata,
.message-header .message-header-main .message-sub-header-container {
.message-header .message-header-main .message-metadata,
.message-header .message-header-main .name {
color: @dark;
}
.message-header .message-header-main .message-sub-header-container h4 {
.message-header .message-header-main h4 {
color: @dark-blue;
}
@ -42,27 +42,12 @@
.message-header {
display: flex;
gap: 4px;
gap: 8px;
padding: 8px;
align-items: center;
.message-header-metadata {
flex: none;
display: flex;
flex-direction: column;
.message-metadata {
font-family: @font-body;
color: @beige;
}
}
.message-header-main {
display: flex;
align-items: center;
gap: 8px;
flex: 1;
overflow: hidden;
.portrait {
flex: 0 0 auto;
.actor-img {
border-radius: 50%;
width: 40px;
@ -70,20 +55,60 @@
object-fit: cover;
object-position: top center;
}
}
.message-sub-header-container {
.message-header-main {
display: flex;
align-items: center;
column-gap: 4px;
row-gap: 2px;
flex: 1;
overflow: hidden;
display: grid;
grid-template:
"title metadata"
"subtitle subtitle";
h4 {
font-size: var(--font-size-16);
font-weight: bold;
margin-bottom: 0;
font-family: @font-subtitle;
color: @golden;
white-space: nowrap;
text-overflow: ellipsis;
flex: 1;
overflow: hidden;
align-self: flex-end;
}
.message-metadata {
font-family: @font-body;
color: @beige;
white-space: nowrap;
align-items: baseline;
.message-timestamp {
font-size: var(--font-size-11);
}
}
.subtitle {
grid-area: subtitle;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
color: @beige;
h4 {
font-size: var(--font-size-16);
font-weight: bold;
margin-bottom: 0;
font-family: @font-subtitle;
color: @golden;
gap: 4px;
align-items: baseline;
line-height: 1;
.name {
flex: 1;
}
.whisper-to {
color: @color-text-subtle;
flex: 0;
white-space: nowrap;
}
}
}

View file

@ -144,6 +144,10 @@
display: flex;
align-items: center;
gap: 4px;
.unloaded {
opacity: 0.5;
}
}
}

View file

@ -133,6 +133,11 @@
height: 40px;
flex: 1 1 calc(50% - 5px);
span {
font-family: @font-body;
font-weight: 700;
}
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}

View file

@ -46,9 +46,14 @@
padding: 0 8px;
button {
height: 40px;
height: 36px;
flex: 1 1 calc(50% - 5px);
span {
font-family: @font-body;
font-weight: 700;
}
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}

View file

@ -271,6 +271,28 @@
}
}
.roll-reload-container {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
.reload-warning {
display: flex;
align-items: center;
border-radius: 5px;
width: fit-content;
gap: 5px;
cursor: pointer;
padding: 5px;
transition: all 0.3s ease;
color: @beige;
background: @red-40;
outline: 1px solid @red;
}
}
.roll-part-extra {
display: flex;
justify-content: center;
@ -622,15 +644,19 @@
.roll-buttons {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
margin-top: 8px;
button {
height: 32px;
flex: 1;
height: 36px;
flex: 1 1 calc(50% - 5px);
font-family: @font-body;
font-weight: 700;
&.end-button {
flex: 0;
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}
}
}