UX: Admin watched words UI tweaks (#12956)

This commit is contained in:
Penar Musaraj
2021-05-05 22:40:07 -04:00
committed by GitHub
parent 72648dd576
commit aec52ce043
3 changed files with 11 additions and 5 deletions

View File

@@ -1,12 +1,12 @@
<div class="watched-word-input">
<label for="watched-word">{{i18n "admin.watched_words.form.label"}}</label>
{{text-field id="watched-word" value=word disabled=formSubmitted class="watched-word-input" autocorrect="off" autocapitalize="off" placeholderKey=placeholderKey title=(i18n placeholderKey)}}
{{text-field id="watched-word" value=word disabled=formSubmitted class="watched-word-input-field" autocorrect="off" autocapitalize="off" placeholderKey=placeholderKey title=(i18n placeholderKey)}}
</div>
{{#if canReplace}}
<div class="watched-word-input">
<label for="watched-replacement">{{i18n "admin.watched_words.form.replacement_label"}}</label>
{{text-field id="watched-replacement" value=replacement disabled=formSubmitted class="watched-word-input" autocorrect="off" autocapitalize="off" placeholderKey="admin.watched_words.form.replacement_placeholder"}}
{{text-field id="watched-replacement" value=replacement disabled=formSubmitted class="watched-word-input-replace" autocorrect="off" autocapitalize="off" placeholderKey="admin.watched_words.form.replacement_placeholder"}}
</div>
{{/if}}

View File

@@ -376,7 +376,13 @@ table.screened-ip-addresses {
.watched-word-input {
label {
display: inline-block;
min-width: 120px;
min-width: 150px;
}
input.watched-word-input-field {
min-width: 300px;
}
input.watched-word-input-replace {
min-width: 260px;
}
}