Trying to follow the rest of the ui look

Added “whiteSpace: 'nowrap'” to input label styles so audio device labels remain on a single line without awkward wrapping

Removed the “Please select all audio settings.” warning and now show only the device status in the dialog footer.
This commit is contained in:
Extremesecrecy
2025-07-25 11:46:11 -07:00
parent 7ae6647b62
commit b3534e0d1e
@@ -102,10 +102,11 @@ const styles = (theme: Theme) =>
selectEmpty: { selectEmpty: {
marginTop: theme.spacing(2), marginTop: theme.spacing(2),
}, },
inputLabel: { inputLabel: {
backgroundColor: theme.palette.background.paper, backgroundColor: theme.palette.background.paper,
paddingLeft: 4, paddingLeft: 4,
paddingRight: 4 paddingRight: 4,
whiteSpace: "nowrap"
}, },
cpuStatusColor: { cpuStatusColor: {
color: theme.palette.text.secondary, color: theme.palette.text.secondary,
@@ -536,6 +537,7 @@ const JackServerSettingsDialog = withStyles(
let s = this.state.jackServerSettings.clone(); let s = this.state.jackServerSettings.clone();
s.valid = false; s.valid = false;
this.model.setJackServerSettings(s); this.model.setJackServerSettings(s);
this.startStatusTimer();
} }
}; };
handleOk() { handleOk() {
@@ -738,14 +740,8 @@ const JackServerSettingsDialog = withStyles(
Latency: {this.state.latencyText} Latency: {this.state.latencyText}
</Typography> </Typography>
<div className={classes.cpuStatusColor} style={{ paddingLeft: 24 }}> <div className={classes.cpuStatusColor} style={{ paddingLeft: 24 }}>
{JackHostStatus.getDisplayViewNoCpu("", this.state.jackStatus)} {JackHostStatus.getDisplayView("", this.state.jackStatus)}
</div> </div>
{!this.state.okEnabled && (
<Typography display="block" variant="caption" color="error"
style={{ textAlign: "left", marginLeft: 24 }}>
Please select all audio settings.
</Typography>
)}
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>