fix(ui): display asterisk indicator on required field labels (#1236)

This commit is contained in:
TheCatLady
2021-03-19 20:56:56 -04:00
committed by GitHub
parent 55e1b9cd0e
commit 380d36119f
12 changed files with 29 additions and 7 deletions

View File

@@ -45,7 +45,7 @@ const messages = defineMessages({
Press the button to the right of the dropdown to check connectivity and retrieve available servers.',
hostname: 'Hostname or IP Address',
port: 'Port',
ssl: 'SSL',
enablessl: 'Enable SSL',
timeout: 'Timeout',
save: 'Save Changes',
saving: 'Saving…',
@@ -466,6 +466,7 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
<div className="form-row">
<label htmlFor="hostname" className="text-label">
{intl.formatMessage(messages.hostname)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -488,6 +489,7 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
<div className="form-row">
<label htmlFor="port" className="text-label">
{intl.formatMessage(messages.port)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<Field
@@ -504,7 +506,7 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
</div>
<div className="form-row">
<label htmlFor="ssl" className="checkbox-label">
{intl.formatMessage(messages.ssl)}
{intl.formatMessage(messages.enablessl)}
</label>
<div className="form-input">
<Field