fix css in dark mode;

fix item name displaying as h4
This commit is contained in:
jalensailin
2025-07-18 22:48:02 -04:00
parent 8eecc0c5f3
commit add2d214e7
4 changed files with 20 additions and 16 deletions
+6 -2
View File
@@ -43,6 +43,7 @@
.deltagreen section.window-content {
scrollbar-color: #215112 #111 !important;
padding: 0.5rem;
color: black;
}
/* Character Sheet Style Options */
@@ -350,6 +351,7 @@ explicitly define a number of rows, rather than columns. */
.deltagreen .tabs [data-action="tab"] {
font-weight: bold;
color: inherit;
vertical-align: middle !important;
line-height: inherit;
padding: 5px 10px 0px 10px;
@@ -358,7 +360,6 @@ explicitly define a number of rows, rather than columns. */
border: gray;
border-width: 1px 1px 0px 1px;
border-style: solid;
/*background: rgba(173, 151, 101, 0.3);*/
}
.deltagreen .tabs [data-action="tab"].active {
@@ -433,9 +434,12 @@ explicitly define a number of rows, rather than columns. */
}
.deltagreen .items-list .item-name {
margin: 0;
display: flex;
align-content: center;
word-wrap: break-word;
margin: 0;
}
.deltagreen .items-list .item-controls {
+1 -1
View File
@@ -41,7 +41,7 @@
<div class="item-image">
<img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
</div>
<h4 style="word-wrap: break-word;" class="item-name">{{item.name}}</h4>
<span class="item-name">{{item.name}}</span>
<span>{{item.system.relationship}}</span>
<span>{{item.system.score}}</span>
<div class="item-controls">
+7 -7
View File
@@ -46,7 +46,7 @@
width="24"
height="24" />
<span>
<h4 style="word-wrap: break-word; display: inline;" class="item-name">{{item.name}}</h4>
<span style="display: inline;" class="item-name">{{item.name}}</span>
<span class="rollable"
data-action="roll"
data-iid="{{item._id}}"
@@ -170,7 +170,7 @@
<img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
</div>
<h4 style="word-wrap: break-word;" class="item-name">{{item.name}}</h4>
<span class="item-name">{{item.name}}</span>
<span class="centered-item-property">{{item.system.protection}}</span>
@@ -246,7 +246,7 @@
<img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
</div>
<h4 style="word-wrap: break-word; min-width: 55%;" class="item-name">{{item.name}}</h4>
<span style="min-width: 55%;" class="item-name">{{item.name}}</span>
<a class="centered-item-property"
data-action="toggleEquipped"
@@ -323,7 +323,7 @@
<img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
</div>
<h4 style="word-wrap: break-word; min-width: 55%;" class="item-name">
<span style="min-width: 55%;" class="item-name">
{{#if item.system.revealed }}
{{item.name}}
{{else}}
@@ -332,7 +332,7 @@
({{item.name}})
{{/if}}
{{/if}}
</h4>
</span>
<div class="item-controls">
<a class="item-control"
@@ -407,7 +407,7 @@
<img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
</div>
<h4 style="word-wrap: break-word; min-width: 55%;" class="item-name">
<span style="min-width: 55%;" class="item-name">
{{#if item.system.revealed }}
{{item.name}}
{{else}}
@@ -416,7 +416,7 @@
({{item.name}})
{{/if}}
{{/if}}
</h4>
</span>
<div class="item-controls">
<a class="item-control"
+6 -6
View File
@@ -101,15 +101,15 @@
{{#if_eq item.type 'motivation' }}
<li class="item flexrow" data-item-id="{{item.id}}">
<h4 class="item-name"
{{#if item.system.crossedOut }}
style="text-decoration: line-through"
{{/if }}>
<span class="item-name"
{{#if item.system.crossedOut }}
style="text-decoration: line-through"
{{/if }}>
{{item.name}}
</h4>
</span>
{{#if item.system.crossedOut }}
<h4 class="item-name">{{item.system.disorder}}</h4>
<span class="item-name">{{item.system.disorder}}</span>
{{/if}}
<div class="item-controls">