slaguru666/sla_industries_MS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make critical success option buttons wrap and expand elastically without overlapping

Browse Source
This commit is contained in:
tevans
2026-05-27 23:51:38 +01:00
parent 96896ba92f
commit 99d6702fe1
3 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/mosh.css
+15
View File
@@ -5640,3 +5640,18 @@ p {
border-radius: 2px !important;
}
/* Critical Success Options Button Elastic Layout Fixes */
.mosh.sla-chat-shell .sla-crit-option-btn,
.mosh .sla-crit-success-options .sla-crit-option-btn {
display: flex !important;
align-items: flex-start !important;
height: auto !important;
min-height: fit-content !important;
line-height: 1.3 !important;
overflow: visible !important;
white-space: normal !important;
padding: 8px 10px !important;
margin-bottom: 8px !important;
}
system.json
+1 -1
View File
@@ -2,7 +2,7 @@
"id": "sla-mothership",
"title": "SLA Mothership",
"description": "An SLA Industries conversion built on the unofficial Mothership system for Foundry VTT, preserving Mothership's core mechanics while adding SLA flux, Ebb, BPN, and equipment support.",
"version": "0.6.9",
"version": "0.6.10",
"esmodules": [
"module/mosh.js"
],
templates/chat/rollCheck.html
+1 -1
View File
@@ -113,7 +113,7 @@
<div class="sla-chat-section-title"><i class="fas fa-crown"></i> Critical Success Options</div>
<div class="sla-crit-success-options" style="margin-top: 5px;">
{{#each criticalSuccessOptions as |option|}}
<button class="sla-crit-option-btn" data-actor-id="{{../actor._id}}" data-option-text="{{option}}" style="background: linear-gradient(180deg, #1f421f 0%, #0c260c 100%); color: #bdf2bd; border: 1px solid #3fa63f; border-radius: 4px; padding: 6px 10px; margin-bottom: 6px; cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-size: 10.5pt; text-align: left; width: 100%; transition: all 0.2s ease; display: flex; align-items: flex-start; gap: 6px; text-shadow: 0 1px 2px #000;">
<button class="sla-crit-option-btn" data-actor-id="{{../actor._id}}" data-option-text="{{option}}" style="background: linear-gradient(180deg, #1f421f 0%, #0c260c 100%); color: #bdf2bd; border: 1px solid #3fa63f; border-radius: 4px; padding: 8px 10px; margin-bottom: 8px; cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-size: 10.5pt; text-align: left; width: 100%; transition: all 0.2s ease; display: flex !important; align-items: flex-start !important; gap: 6px; text-shadow: 0 1px 2px #000; height: auto !important; min-height: fit-content !important; line-height: 1.3 !important; overflow: visible !important; white-space: normal !important;">
<i class="fas fa-chevron-right" style="margin-top: 3px; font-size: 8pt; color: #2ebd2e;"></i>
<span>{{option}}</span>
</button>