bugfix: prevent style conflicts between tooltips

This commit is contained in:
molilo 2025-12-18 02:17:33 -03:00
parent 1f5d330e06
commit a486345d47
10 changed files with 16 additions and 15 deletions

View file

@ -1,8 +1,8 @@
@import '../../utils/colors.less'; @import '../../utils/colors.less';
@import '../../utils/fonts.less'; @import '../../utils/fonts.less';
#tooltip:has(div.daggerheart.dh-style.tooltip), #tooltip:has(div.daggerheart.dh-style.tooltip.card-style),
aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip) { aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip.card-style) {
padding: 0; padding: 0;
border: none; border: none;
border-radius: 10px; border-radius: 10px;
@ -143,12 +143,12 @@ aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip) {
} }
} }
aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) { aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip.card-style) {
box-shadow: 0 0 25px @golden-90; box-shadow: 0 0 25px @golden-90;
} }
.theme-light #tooltip:has(div.daggerheart.dh-style.tooltip), .theme-light #tooltip:has(div.daggerheart.dh-style.tooltip.card-style),
.theme-light aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip) { .theme-light aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip.card-style) {
background-image: url('../assets/parchments/dh-parchment-light.png'); background-image: url('../assets/parchments/dh-parchment-light.png');
} }
@ -157,7 +157,8 @@ aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) {
} }
#tooltip, #tooltip,
.locked-tooltip { .locked-tooltip,
.daggerheart.dh-style.tooltip {
&.wide { &.wide {
max-width: 480px; max-width: 480px;

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip"> <div class="daggerheart dh-style tooltip card-style">
<h2 class="tooltip-title">{{localize item.name}}</h2> <h2 class="tooltip-title">{{localize item.name}}</h2>
<img class="tooltip-image" src="{{item.img}}" /> <img class="tooltip-image" src="{{item.img}}" />
<div class="tooltip-description">{{{description}}}</div> <div class="tooltip-description">{{{description}}}</div>

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip armor"> <div class="daggerheart dh-style tooltip armor card-style">
<img class="tooltip-image" src="{{item.img}}" /> <img class="tooltip-image" src="{{item.img}}" />
<h2 class="tooltip-title">{{item.name}}</h2> <h2 class="tooltip-title">{{item.name}}</h2>
<div class="tags"> <div class="tags">

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip"> <div class="daggerheart dh-style tooltip card-style">
<h2 class="tooltip-title">{{attack.name}}</h2> <h2 class="tooltip-title">{{attack.name}}</h2>
<img class="tooltip-image" src="{{attack.img}}" /> <img class="tooltip-image" src="{{attack.img}}" />
<div class="tooltip-description">{{{description}}}</div> <div class="tooltip-description">{{{description}}}</div>

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip"> <div class="daggerheart dh-style tooltip card-style">
<img class="tooltip-image" src="{{item.img}}" /> <img class="tooltip-image" src="{{item.img}}" />
<h2 class="tooltip-title">{{item.name}}</h2> <h2 class="tooltip-title">{{item.name}}</h2>
<div class="tags"> <div class="tags">

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip domain-card"> <div class="daggerheart dh-style tooltip domain-card card-style">
<div class="item-icons-list"> <div class="item-icons-list">
<span class="item-icon"> <span class="item-icon">
<span class="recall-value">{{item.system.recallCost}}</span> <span class="recall-value">{{item.system.recallCost}}</span>

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip"> <div class="daggerheart dh-style tooltip card-style">
<h2 class="tooltip-title">{{item.name}}</h2> <h2 class="tooltip-title">{{item.name}}</h2>
<img class="tooltip-image" src="{{item.img}}" /> <img class="tooltip-image" src="{{item.img}}" />
<div class="tooltip-description">{{{description}}}</div> <div class="tooltip-description">{{{description}}}</div>

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip"> <div class="daggerheart dh-style tooltip card-style">
<img class="tooltip-image" src="{{item.img}}" /> <img class="tooltip-image" src="{{item.img}}" />
<h2 class="tooltip-title">{{item.name}}</h2> <h2 class="tooltip-title">{{item.name}}</h2>
<div class="tags"> <div class="tags">

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip"> <div class="daggerheart dh-style tooltip card-style">
<img class="tooltip-image" src="{{item.img}}" /> <img class="tooltip-image" src="{{item.img}}" />
<h2 class="tooltip-title">{{item.name}}</h2> <h2 class="tooltip-title">{{item.name}}</h2>
{{#if description}} {{#if description}}

View file

@ -1,4 +1,4 @@
<div class="daggerheart dh-style tooltip weapon"> <div class="daggerheart dh-style tooltip weapon card-style">
<img class="tooltip-image" src="{{item.img}}" /> <img class="tooltip-image" src="{{item.img}}" />
<h2 class="tooltip-title">{{item.name}}</h2> <h2 class="tooltip-title">{{item.name}}</h2>
<div class="tags"> <div class="tags">