fix: minor UI adjustments
This commit is contained in:
@@ -4,7 +4,7 @@ import { KGMidiTrack } from '../../core/track/KGMidiTrack';
|
|||||||
import { KGAudioTrack } from '../../core/track/KGAudioTrack';
|
import { KGAudioTrack } from '../../core/track/KGAudioTrack';
|
||||||
import { useProjectStore } from '../../stores/projectStore';
|
import { useProjectStore } from '../../stores/projectStore';
|
||||||
import { TbPiano } from 'react-icons/tb';
|
import { TbPiano } from 'react-icons/tb';
|
||||||
import { TbSettings } from 'react-icons/tb';
|
import { TbDots } from 'react-icons/tb';
|
||||||
import { FaFileAudio } from 'react-icons/fa';
|
import { FaFileAudio } from 'react-icons/fa';
|
||||||
import KGDropdown from '../common/KGDropdown';
|
import KGDropdown from '../common/KGDropdown';
|
||||||
import FileImportModal from '../common/FileImportModal';
|
import FileImportModal from '../common/FileImportModal';
|
||||||
@@ -535,15 +535,20 @@ const TrackInfoItem: React.FC<TrackInfoItemProps> = ({
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div style={{ position: 'relative' }} ref={settingsDropdownRef}>
|
<div style={{ position: 'relative' }} ref={settingsDropdownRef}>
|
||||||
<button className="settings" onClick={handleSettingsButtonClick}>
|
<button
|
||||||
<TbSettings />
|
className="settings"
|
||||||
|
onClick={handleSettingsButtonClick}
|
||||||
|
title={t('track.controls.moreActions')}
|
||||||
|
aria-label={t('track.controls.moreActions')}
|
||||||
|
>
|
||||||
|
<TbDots />
|
||||||
</button>
|
</button>
|
||||||
<div style={{ position: 'absolute', top: '100%', left: 0, zIndex: 10000 }}>
|
<div style={{ position: 'absolute', top: '100%', left: 0, zIndex: 10000 }}>
|
||||||
<KGDropdown
|
<KGDropdown
|
||||||
options={[{ label: t('track.controls.settings.deleteTrack'), value: 'Delete Track' }]}
|
options={[{ label: t('track.controls.settings.deleteTrack'), value: 'Delete Track' }]}
|
||||||
value={''}
|
value={''}
|
||||||
onChange={handleSettingsAction}
|
onChange={handleSettingsAction}
|
||||||
label={t('track.controls.settingsDropdown')}
|
label={t('track.controls.moreActions')}
|
||||||
hideButton={true}
|
hideButton={true}
|
||||||
isOpen={showSettingsDropdown}
|
isOpen={showSettingsDropdown}
|
||||||
onToggle={setShowSettingsDropdown}
|
onToggle={setShowSettingsDropdown}
|
||||||
|
|||||||
@@ -537,7 +537,7 @@ export const enUsMessages: TranslationMessages = {
|
|||||||
'track.controls.automationDropdown': 'Automation',
|
'track.controls.automationDropdown': 'Automation',
|
||||||
'track.controls.automation.volume': 'Volume',
|
'track.controls.automation.volume': 'Volume',
|
||||||
'track.controls.automation.pan': 'Pan',
|
'track.controls.automation.pan': 'Pan',
|
||||||
'track.controls.settingsDropdown': 'Settings',
|
'track.controls.moreActions': 'More actions',
|
||||||
'track.controls.settings.deleteTrack': 'Delete Track',
|
'track.controls.settings.deleteTrack': 'Delete Track',
|
||||||
'toolbar.keySignatureChooser': 'Choose key signature, current {value}',
|
'toolbar.keySignatureChooser': 'Choose key signature, current {value}',
|
||||||
'toolbar.export.label': 'Export',
|
'toolbar.export.label': 'Export',
|
||||||
|
|||||||
@@ -421,7 +421,7 @@ export const frFrMessages: TranslationMessages = {
|
|||||||
'track.controls.automationDropdown': 'Automation',
|
'track.controls.automationDropdown': 'Automation',
|
||||||
'track.controls.automation.volume': 'Volume',
|
'track.controls.automation.volume': 'Volume',
|
||||||
'track.controls.automation.pan': 'Panoramique',
|
'track.controls.automation.pan': 'Panoramique',
|
||||||
'track.controls.settingsDropdown': 'Réglages',
|
'track.controls.moreActions': 'Autres actions',
|
||||||
'track.controls.settings.deleteTrack': 'Supprimer la piste',
|
'track.controls.settings.deleteTrack': 'Supprimer la piste',
|
||||||
'toolbar.keySignatureChooser': 'Choisir l\'armure, actuelle : {value}',
|
'toolbar.keySignatureChooser': 'Choisir l\'armure, actuelle : {value}',
|
||||||
'toolbar.export.label': 'Exporter',
|
'toolbar.export.label': 'Exporter',
|
||||||
|
|||||||
@@ -535,7 +535,7 @@ export const zhCnMessages: TranslationMessages = {
|
|||||||
'track.controls.automationDropdown': '自动化',
|
'track.controls.automationDropdown': '自动化',
|
||||||
'track.controls.automation.volume': '音量',
|
'track.controls.automation.volume': '音量',
|
||||||
'track.controls.automation.pan': '声像',
|
'track.controls.automation.pan': '声像',
|
||||||
'track.controls.settingsDropdown': '设置',
|
'track.controls.moreActions': '更多操作',
|
||||||
'track.controls.settings.deleteTrack': '删除轨道',
|
'track.controls.settings.deleteTrack': '删除轨道',
|
||||||
'toolbar.keySignatureChooser': '选择调号,当前为 {value}',
|
'toolbar.keySignatureChooser': '选择调号,当前为 {value}',
|
||||||
'toolbar.export.label': '导出',
|
'toolbar.export.label': '导出',
|
||||||
|
|||||||
@@ -535,7 +535,7 @@ export const zhHkMessages: TranslationMessages = {
|
|||||||
'track.controls.automationDropdown': '自動化',
|
'track.controls.automationDropdown': '自動化',
|
||||||
'track.controls.automation.volume': '音量',
|
'track.controls.automation.volume': '音量',
|
||||||
'track.controls.automation.pan': '聲像',
|
'track.controls.automation.pan': '聲像',
|
||||||
'track.controls.settingsDropdown': '設定',
|
'track.controls.moreActions': '更多操作',
|
||||||
'track.controls.settings.deleteTrack': '刪除音軌',
|
'track.controls.settings.deleteTrack': '刪除音軌',
|
||||||
'toolbar.keySignatureChooser': '選擇調號,當前為 {value}',
|
'toolbar.keySignatureChooser': '選擇調號,當前為 {value}',
|
||||||
'toolbar.export.label': '匯出',
|
'toolbar.export.label': '匯出',
|
||||||
|
|||||||
Reference in New Issue
Block a user