p1otek/winterfail
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Show Text tab immediately for all line types

Browse Source
This commit is contained in:
DiTus
2026-03-21 23:50:14 +01:00
parent 9fefd1847a
commit c8d9cf9645
2 changed files with 17 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -151,7 +151,7 @@
<!-- Tabs --> <!-- Tabs -->
<div class="flex border-b border-[#2d3a4f] mb-4"> <div class="flex border-b border-[#2d3a4f] mb-4">
<button class="flex-1 py-2 text-center text-blue-500 border-b-2 border-blue-500 font-medium" id="tlTabStyle" onclick="window.switchTLTab('style')">Style</button> <button class="flex-1 py-2 text-center text-blue-500 border-b-2 border-blue-500 font-medium" id="tlTabStyle" onclick="window.switchTLTab('style')">Style</button>
<button class="flex-1 py-2 text-center text-gray-400 hover:text-white" id="tlTabText" onclick="window.switchTLTab('text')" style="display: none;">Text</button> <button class="flex-1 py-2 text-center text-gray-400 hover:text-white" id="tlTabText" onclick="window.switchTLTab('text')">Text</button>
</div> </div>
<!-- Style Tab Content --> <!-- Style Tab Content -->

11
js/ui/drawing-tools.js
View File

@ -1201,12 +1201,13 @@ export class DrawingManager {
if (isLineWithText) { if (isLineWithText) {
textTab.className = tab === 'text' ? 'flex-1 py-2 text-center text-blue-500 border-b-2 border-blue-500 font-medium' : 'flex-1 py-2 text-center text-gray-400 hover:text-white'; textTab.className = tab === 'text' ? 'flex-1 py-2 text-center text-blue-500 border-b-2 border-blue-500 font-medium' : 'flex-1 py-2 text-center text-gray-400 hover:text-white';
textTab.style.display = 'block'; textTab.style.display = 'block';
document.getElementById('tlContentText').className = tab === 'text' ? 'block' : 'hidden';
} else { } else {
textTab.style.display = 'none'; textTab.style.display = 'none';
document.getElementById('tlContentText').className = 'hidden';
} }
document.getElementById('tlContentStyle').className = tab === 'style' ? 'block' : 'hidden'; document.getElementById('tlContentStyle').className = tab === 'style' ? 'block' : 'hidden';
document.getElementById('tlContentText').className = tab === 'text' ? 'block' : 'hidden';
const textPicker = document.getElementById('tlTextColorPicker'); const textPicker = document.getElementById('tlTextColorPicker');
if (textPicker) textPicker.classList.add('hidden'); if (textPicker) textPicker.classList.add('hidden');
@ -1314,14 +1315,6 @@ export class DrawingManager {
if (show) { if (show) {
panel.classList.remove('hidden'); panel.classList.remove('hidden');
const isLineWithText = this.selectedDrawing && ['trend_line', 'ray', 'rectangle', 'horizontal_line', 'vertical_line'].includes(this.selectedDrawing.type);
if (!isLineWithText) {
this.activeTLTab = 'style';
document.getElementById('tlTabStyle').className = 'flex-1 py-2 text-center text-blue-500 border-b-2 border-blue-500 font-medium';
document.getElementById('tlTabText').className = 'flex-1 py-2 text-center text-gray-400 hover:text-white';
document.getElementById('tlContentStyle').className = 'block';
document.getElementById('tlContentText').className = 'hidden';
}
this.updateSettingsPanelUI(); this.updateSettingsPanelUI();
} else { } else {
panel.classList.add('hidden'); panel.classList.add('hidden');