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/fonts.less';
#tooltip:has(div.daggerheart.dh-style.tooltip),
aside[role='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.card-style) {
padding: 0;
border: none;
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;
}
.theme-light #tooltip:has(div.daggerheart.dh-style.tooltip),
.theme-light aside[role='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.card-style) {
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,
.locked-tooltip {
.locked-tooltip,
.daggerheart.dh-style.tooltip {
&.wide {
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>
<img class="tooltip-image" src="{{item.img}}" />
<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}}" />
<h2 class="tooltip-title">{{item.name}}</h2>
<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>
<img class="tooltip-image" src="{{attack.img}}" />
<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}}" />
<h2 class="tooltip-title">{{item.name}}</h2>
<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">
<span class="item-icon">
<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>
<img class="tooltip-image" src="{{item.img}}" />
<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}}" />
<h2 class="tooltip-title">{{item.name}}</h2>
<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}}" />
<h2 class="tooltip-title">{{item.name}}</h2>
{{#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}}" />
<h2 class="tooltip-title">{{item.name}}</h2>
<div class="tags">