cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-18 07:59:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

finally fix issues

Browse source
This commit is contained in:
moliloo 2025-08-23 21:47:32 -03:00
parent 2344278a3d
commit f9320a18f4
5 changed files with 268 additions and 274 deletions
Download patch file Download diff file Expand all files Collapse all files

164
styles/less/ui/chat/ability-use.less
View file

@ -2,7 +2,7 @@
@import '../../utils/fonts.less'; @import '../../utils/fonts.less';
@import '../../utils/spacing.less'; @import '../../utils/spacing.less';
body.theme-light { #interface.theme-light {
.daggerheart.chat.domain-card { .daggerheart.chat.domain-card {
.domain-card-move .domain-card-header { .domain-card-move .domain-card-header {
border-bottom: 1px solid @dark-blue; border-bottom: 1px solid @dark-blue;
@ -34,112 +34,110 @@ body.theme-light {
} }
} }
body.theme-dark { .daggerheart.chat {
.daggerheart.chat { &.domain-card {
&.domain-card { display: flex;
display: flex; flex-direction: column;
flex-direction: column; align-items: center;
align-items: center;
.card-img { .card-img {
width: 100%; width: 100%;
height: 200px; height: 200px;
mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 90%, transparent 100%); mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 90%, transparent 100%);
object-fit: cover; object-fit: cover;
}
details[open] {
.fa-chevron-down {
transform: rotate(180deg);
transition: all 0.3s ease;
}
}
.domain-card-move {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
} }
details[open] { .domain-card-header {
.fa-chevron-down { display: flex;
transform: rotate(180deg); flex-direction: row;
align-items: center;
margin: 8px;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;
&:hover {
background: @golden-10;
cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
}
.domain-card-move { .domain-label {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
}
.domain-card-header {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
align-items: center; width: 100%;
margin: 8px;
padding-bottom: 5px; padding-bottom: 5px;
width: -webkit-fill-available; width: -webkit-fill-available;
gap: 5px; gap: 5px;
border-bottom: 1px solid @golden;
&:hover { .title {
background: @golden-10; font-size: 20px;
cursor: pointer; color: @golden;
transition: all 0.3s ease; font-weight: 700;
} }
.domain-label { .tags {
display: flex; display: flex;
flex-direction: column; gap: 10px;
width: 100%; flex-wrap: wrap;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
.title { .tag {
font-size: 20px;
color: @golden;
font-weight: 700;
}
.tags {
display: flex; display: flex;
gap: 10px; flex-direction: row;
flex-wrap: wrap; justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: 12px;
.tag { background: @beige-15;
display: flex; border: 1px solid @beige;
flex-direction: row; color: @beige;
justify-content: center; border-radius: 3px;
align-items: center;
padding: 3px 5px;
font-size: 12px;
background: @beige-15;
border: 1px solid @beige;
color: @beige;
border-radius: 3px;
}
} }
} }
} }
} }
}
.description { .description {
padding: 8px; padding: 8px;
}
.ability-card-footer {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
padding: 0 8px;
button {
height: 40px;
flex: 1 1 calc(50% - 5px);
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}
} }
.ability-card-footer { .ability-card-action-cost {
display: flex; margin: auto;
flex-wrap: wrap; font-size: 1.5em;
gap: 5px;
width: 100%;
padding: 0 8px;
button {
height: 40px;
flex: 1 1 calc(50% - 5px);
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}
}
.ability-card-action-cost {
margin: auto;
font-size: 1.5em;
}
} }
} }
} }

156
styles/less/ui/chat/action.less
View file

@ -2,7 +2,7 @@
@import '../../utils/fonts.less'; @import '../../utils/fonts.less';
@import '../../utils/spacing.less'; @import '../../utils/spacing.less';
body.theme-light { #interface.theme-light {
.daggerheart.chat.action { .daggerheart.chat.action {
.action-move .action-section { .action-move .action-section {
border-bottom: 1px solid @dark-blue; border-bottom: 1px solid @dark-blue;
@ -31,97 +31,95 @@ body.theme-light {
} }
} }
body.theme-dark { .daggerheart.chat {
.daggerheart.chat { &.action {
&.action { display: flex;
display: flex; flex-direction: column;
flex-direction: column; align-items: center;
align-items: center;
details[open] { details[open] {
.fa-chevron-down { .fa-chevron-down {
transform: rotate(180deg); transform: rotate(180deg);
transition: all 0.3s ease; transition: all 0.3s ease;
} }
}
.action-move {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
} }
.action-move { .action-section {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
}
.action-section {
display: flex;
flex-direction: row;
align-items: center;
margin: 8px 8px 0;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;
&:hover {
background: @golden-10;
cursor: pointer;
transition: all 0.3s ease;
}
.action-img {
width: 40px;
height: 40px;
border-radius: 3px;
object-fit: cover;
}
.action-header {
display: flex;
flex-direction: column;
gap: 5px;
color: @beige;
.title {
font-size: 20px;
color: @golden;
font-weight: 700;
}
.label {
font-size: 12px;
color: @beige;
margin: 0;
}
}
}
}
.description {
padding: 8px;
}
.ability-card-footer {
display: flex; display: flex;
flex-wrap: wrap; flex-direction: row;
align-items: center;
margin: 8px 8px 0;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px; gap: 5px;
width: 100%; border-bottom: 1px solid @golden;
padding: 0 8px;
button { &:hover {
background: @golden-10;
cursor: pointer;
transition: all 0.3s ease;
}
.action-img {
width: 40px;
height: 40px; height: 40px;
flex: 1 1 calc(50% - 5px); border-radius: 3px;
object-fit: cover;
}
&:nth-last-child(1):nth-child(odd) { .action-header {
flex-basis: 100%; display: flex;
flex-direction: column;
gap: 5px;
color: @beige;
.title {
font-size: 20px;
color: @golden;
font-weight: 700;
}
.label {
font-size: 12px;
color: @beige;
margin: 0;
} }
} }
}
}
.ability-card-action-cost { .description {
margin: auto; padding: 8px;
font-size: 1.5em; }
.ability-card-footer {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
padding: 0 8px;
button {
height: 40px;
flex: 1 1 calc(50% - 5px);
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
} }
} }
.ability-card-action-cost {
margin: auto;
font-size: 1.5em;
}
} }
} }
} }

2
styles/less/ui/chat/chat.less
View file

@ -2,7 +2,7 @@
@import '../../utils/fonts.less'; @import '../../utils/fonts.less';
@import '../../utils/spacing.less'; @import '../../utils/spacing.less';
.theme-light { #interface.theme-light {
.daggerheart.chat-sidebar .chat-log, .daggerheart.chat-sidebar .chat-log,
#chat-notifications .chat-log { #chat-notifications .chat-log {
--text-color: @dark-blue; --text-color: @dark-blue;

2
styles/less/ui/chat/downtime.less
View file

@ -2,7 +2,7 @@
@import '../../utils/fonts.less'; @import '../../utils/fonts.less';
@import '../../utils/spacing.less'; @import '../../utils/spacing.less';
.theme-light { #interface.theme-light {
.daggerheart.chat.downtime { .daggerheart.chat.downtime {
.downtime-moves-list .downtime-move { .downtime-moves-list .downtime-move {
&:hover { &:hover {

218
styles/less/ui/chat/sheet.less
View file

@ -1,7 +1,7 @@
@import '../../utils/colors.less'; @import '../../utils/colors.less';
@import '../../utils/fonts.less'; @import '../../utils/fonts.less';
body.theme-light { #interface.theme-light {
.chat-message:not(.duality) .message-content { .chat-message:not(.duality) .message-content {
color: @dark; color: @dark;
@ -67,143 +67,141 @@ body.theme-light {
} }
} }
body.theme-dark { .chat-message.dh-chat-message {
.chat-message.dh-chat-message { .message-content {
.message-content { padding: 0;
padding: 0; }
} }
.chat-message {
.duality-modifiers,
.duality-result,
.dice-title {
display: none;
} }
.chat-message { .message-content {
.duality-modifiers, padding: 0 8px;
.duality-result, font-family: @font-body;
.dice-title { color: @beige;
display: none;
blockquote {
border-left: 5px solid light-dark(@dark-blue-40, @golden-40);
} }
.message-content { a[href] {
padding: 0 8px; color: light-dark(@dark-blue, @golden);
font-family: @font-body; }
color: @beige;
blockquote { a[href]:hover,
border-left: 5px solid light-dark(@dark-blue-40, @golden-40); a[href].active {
font-weight: bold;
text-shadow: 0 0 8px light-dark(@dark-blue, @golden);
}
button {
background: @golden;
border: 1px solid @dark-blue;
color: @dark-blue;
outline: none;
box-shadow: none;
&:hover {
background: @dark-blue;
color: @golden;
} }
a[href] { &.glow {
color: light-dark(@dark-blue, @golden); animation: glow 0.75s infinite alternate;
} }
a[href]:hover, &:disabled {
a[href].active {
font-weight: bold;
text-shadow: 0 0 8px light-dark(@dark-blue, @golden);
}
button {
background: @golden; background: @golden;
border: 1px solid @dark-blue;
color: @dark-blue; color: @dark-blue;
outline: none; opacity: 0.6;
box-shadow: none; cursor: not-allowed;
&:hover { &:hover {
background: @dark-blue;
color: @golden;
}
&.glow {
animation: glow 0.75s infinite alternate;
}
&:disabled {
background: @golden; background: @golden;
color: @dark-blue; color: @dark-blue;
opacity: 0.6;
cursor: not-allowed;
&:hover {
background: @golden;
color: @dark-blue;
}
}
&.reverted {
background: @golden-10;
color: @golden;
border: 1px solid transparent;
&:hover {
background: @golden;
color: @dark-blue;
}
img {
border-radius: 3px;
}
} }
} }
.enriched-effect { &.reverted {
display: flex;
align-items: center;
border: 1px solid black;
width: fit-content;
padding: 0 2px 0 0;
border-radius: 6px;
color: @dark;
background-image: url(../assets/parchments/dh-parchment-light.png);
&:hover {
text-shadow: none;
}
span {
white-space: nowrap;
}
}
.dice-roll .dice-formula,
.dice-roll .dice-total {
box-shadow: none;
border: none;
background: @golden-10; background: @golden-10;
color: @golden; color: @golden;
font-weight: 600; border: 1px solid transparent;
align-content: center; &:hover {
} background: @golden;
color: @dark-blue;
.dice-roll .dice-formula { }
height: 27px; img {
} border-radius: 3px;
}
.dice-roll .dice-total {
height: 34px;
} }
} }
}
fieldset.daggerheart.chat { .enriched-effect {
padding: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
legend {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 5px; border: 1px solid black;
&:before, width: fit-content;
&:after { padding: 0 2px 0 0;
content: '\f0d8'; border-radius: 6px;
font-family: 'Font Awesome 6 Pro'; color: @dark;
background-image: url(../assets/parchments/dh-parchment-light.png);
&:hover {
text-shadow: none;
}
span {
white-space: nowrap;
} }
} }
&.expanded {
legend:before, .dice-roll .dice-formula,
legend:after { .dice-roll .dice-total {
content: '\f0d7'; box-shadow: none;
} border: none;
background: @golden-10;
color: @golden;
font-weight: 600;
align-content: center;
} }
.daggerheart.chat {
margin-top: 5px; .dice-roll .dice-formula {
height: 27px;
}
.dice-roll .dice-total {
height: 34px;
} }
} }
} }
fieldset.daggerheart.chat {
padding: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
legend {
display: flex;
align-items: center;
gap: 5px;
&:before,
&:after {
content: '\f0d8';
font-family: 'Font Awesome 6 Pro';
}
}
&.expanded {
legend:before,
legend:after {
content: '\f0d7';
}
}
.daggerheart.chat {
margin-top: 5px;
}
}