Anon/yandere_fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add .input class to all inputs

Browse Source
This commit is contained in:
Henry Jameson 2024-02-07 15:53:49 +02:00
parent c34590c439
commit d2a74ea1a2
41 changed files with 108 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/announcement_editor/announcement_editor.vue
View File

@ -3,7 +3,7 @@
<textarea <textarea
ref="textarea" ref="textarea"
v-model="announcement.content" v-model="announcement.content"
class="post-textarea" class="input post-textarea"
rows="1" rows="1"
cols="1" cols="1"
:placeholder="$t('announcements.post_placeholder')" :placeholder="$t('announcements.post_placeholder')"
@ -13,6 +13,7 @@
<label for="announcement-start-time">{{ $t('announcements.start_time_prompt') }}</label> <label for="announcement-start-time">{{ $t('announcements.start_time_prompt') }}</label>
<input <input
id="announcement-start-time" id="announcement-start-time"
class="input"
v-model="announcement.startsAt" v-model="announcement.startsAt"
:type="announcement.allDay ? 'date' : 'datetime-local'" :type="announcement.allDay ? 'date' : 'datetime-local'"
:disabled="disabled" :disabled="disabled"
@ -22,6 +23,7 @@
<label for="announcement-end-time">{{ $t('announcements.end_time_prompt') }}</label> <label for="announcement-end-time">{{ $t('announcements.end_time_prompt') }}</label>
<input <input
id="announcement-end-time" id="announcement-end-time"
class="input"
v-model="announcement.endsAt" v-model="announcement.endsAt"
:type="announcement.allDay ? 'date' : 'datetime-local'" :type="announcement.allDay ? 'date' : 'datetime-local'"
:disabled="disabled" :disabled="disabled"

2
src/components/autosuggest/autosuggest.vue
View File

@ -6,7 +6,7 @@
<input <input
v-model="term" v-model="term"
:placeholder="placeholder" :placeholder="placeholder"
class="autosuggest-input" class="input autosuggest-input"
@click="onInputClick" @click="onInputClick"
> >
<div <div

1
src/components/chat_new/chat_new.vue
View File

@ -24,6 +24,7 @@
/> />
</div> </div>
<input <input
class="input"
ref="search" ref="search"
v-model="query" v-model="query"
placeholder="Search people" placeholder="Search people"

25
src/components/checkbox/checkbox.vue
View File

@ -12,7 +12,7 @@
@change="$emit('update:modelValue', $event.target.checked)" @change="$emit('update:modelValue', $event.target.checked)"
> >
<i <i
class="checkbox-indicator" class="input checkbox-indicator"
:aria-hidden="true" :aria-hidden="true"
@transitionend.capture="onTransitionEnd" @transitionend.capture="onTransitionEnd"
/> />
@ -62,9 +62,15 @@ export default {
display: inline-block; display: inline-block;
min-height: 1.2em; min-height: 1.2em;
&-indicator { & > &-indicator {
/* Reset .input stuff */
padding: 0;
margin: 0;
position: relative; position: relative;
line-height: inherit;
display: inline;
padding-left: 1.2em; padding-left: 1.2em;
box-shadow: none;
} }
&-indicator::before { &-indicator::before {
@ -78,10 +84,8 @@ export default {
height: 1.1em; height: 1.1em;
border-radius: $fallback--checkboxRadius; border-radius: $fallback--checkboxRadius;
border-radius: var(--checkboxRadius, $fallback--checkboxRadius); border-radius: var(--checkboxRadius, $fallback--checkboxRadius);
box-shadow: 0 0 2px black inset; box-shadow: var(--shadow);
box-shadow: var(--inputShadow); background-color: var(--background);
background-color: $fallback--fg;
background-color: var(--input, $fallback--fg);
vertical-align: top; vertical-align: top;
text-align: center; text-align: center;
line-height: 1.1em; line-height: 1.1em;
@ -98,21 +102,18 @@ export default {
} }
.label { .label {
color: $fallback--faint; color: var(--text);
color: var(--faint, $fallback--faint);
} }
} }
input[type="checkbox"] { input[type="checkbox"] {
&:checked + .checkbox-indicator::before { &:checked + .checkbox-indicator::before {
color: $fallback--text; color: var(--text);
color: var(--inputText, $fallback--text);
} }
&:indeterminate + .checkbox-indicator::before { &:indeterminate + .checkbox-indicator::before {
content: "–"; content: "–";
color: $fallback--text; color: var(--text);
color: var(--inputText, $fallback--text);
} }
} }

30
src/components/desktop_nav/desktop_nav.scss
View File

@ -9,7 +9,7 @@
} }
a { a {
color: var(--topBarLink, $fallback--link); color: var(--link);
} }
.inner-nav { .inner-nav {
@ -54,27 +54,7 @@
.button-default { .button-default {
&, &,
svg { svg {
color: $fallback--text; color: var(--text);
color: var(--btnTopBarText, $fallback--text);
}
&:active {
background-color: $fallback--fg;
background-color: var(--btnPressedTopBar, $fallback--fg);
color: $fallback--text;
color: var(--btnPressedTopBarText, $fallback--text);
}
&:disabled {
color: $fallback--text;
color: var(--btnDisabledTopBarText, $fallback--text);
}
&.toggled {
color: $fallback--text;
color: var(--btnToggledTopBarText, $fallback--text);
background-color: $fallback--fg;
background-color: var(--btnToggledTopBar, $fallback--fg);
} }
} }
@ -94,8 +74,7 @@
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;
mask-size: contain; mask-size: contain;
background-color: $fallback--fg; background-color: var(--text);
background-color: var(--topBarText, $fallback--fg);
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -116,8 +95,7 @@
text-align: center; text-align: center;
.svg-inline--fa { .svg-inline--fa {
color: $fallback--link; color: var(--link);
color: var(--topBarLink, $fallback--link);
} }
} }

9
src/components/emoji_input/emoji_input.vue
View File

@ -112,7 +112,7 @@
<style lang="scss"> <style lang="scss">
@import "../../variables"; @import "../../variables";
.emoji-input { .input.emoji-input {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
@ -127,8 +127,7 @@
line-height: 24px; line-height: 24px;
&:hover i { &:hover i {
color: $fallback--text; color: var(--text);
color: var(--text, $fallback--text);
} }
} }
@ -145,6 +144,10 @@
input, input,
textarea { textarea {
flex: 1 0 auto; flex: 1 0 auto;
color: inherit;
background: none;
border: none;
outline: none;
} }
&.with-picker input { &.with-picker input {

2
src/components/emoji_picker/emoji_picker.vue
View File

@ -77,7 +77,7 @@
ref="search" ref="search"
v-model="keyword" v-model="keyword"
type="text" type="text"
class="form-control" class="input form-control"
:placeholder="$t('emoji.search_emoji')" :placeholder="$t('emoji.search_emoji')"
@input="$event.target.composing = false" @input="$event.target.composing = false"
> >

4
src/components/font_control/font_control.vue
View File

@ -14,7 +14,7 @@
v-if="typeof fallback !== 'undefined'" v-if="typeof fallback !== 'undefined'"
:id="name + '-o'" :id="name + '-o'"
:aria-labelledby="name + '-label'" :aria-labelledby="name + '-label'"
class="opt exlcude-disabled visible-for-screenreader-only" class="input opt exlcude-disabled visible-for-screenreader-only"
type="checkbox" type="checkbox"
:checked="present" :checked="present"
@change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)" @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
@ -44,7 +44,7 @@
v-if="isCustom" v-if="isCustom"
:id="name" :id="name"
v-model="family" v-model="family"
class="custom-font" class="input custom-font"
type="text" type="text"
> >
</div> </div>

2
src/components/image_cropper/image_cropper.vue
View File

@ -41,7 +41,7 @@
<input <input
ref="input" ref="input"
type="file" type="file"
class="image-cropper-img-input" class="input image-cropper-img-input"
:accept="mimes" :accept="mimes"
> >
</div> </div>

1
src/components/importer/importer.vue
View File

@ -2,6 +2,7 @@
<div class="importer"> <div class="importer">
<form> <form>
<input <input
class="input"
ref="input" ref="input"
type="file" type="file"
@change="change" @change="change"

1
src/components/lists_edit/lists_edit.vue
View File

@ -33,6 +33,7 @@
<label for="list-edit-title">{{ $t('lists.title') }}</label> <label for="list-edit-title">{{ $t('lists.title') }}</label>
{{ ' ' }} {{ ' ' }}
<input <input
class="input"
id="list-edit-title" id="list-edit-title"
ref="title" ref="title"
v-model="titleDraft" v-model="titleDraft"

1
src/components/lists_user_search/lists_user_search.vue
View File

@ -8,6 +8,7 @@
/> />
</div> </div>
<input <input
class="input"
ref="search" ref="search"
v-model="query" v-model="query"
:placeholder="$t('lists.search')" :placeholder="$t('lists.search')"

4
src/components/login_form/login_form.vue
View File

@ -18,7 +18,7 @@
id="username" id="username"
v-model="user.username" v-model="user.username"
:disabled="loggingIn" :disabled="loggingIn"
class="form-control" class="input form-control"
:placeholder="$t('login.placeholder')" :placeholder="$t('login.placeholder')"
> >
</div> </div>
@ -29,7 +29,7 @@
ref="passwordInput" ref="passwordInput"
v-model="user.password" v-model="user.password"
:disabled="loggingIn" :disabled="loggingIn"
class="form-control" class="input form-control"
type="password" type="password"
> >
</div> </div>

2
src/components/mention_link/mention_link.vue
View File

@ -22,7 +22,7 @@
:class="classnames" :class="classnames"
> >
<a <a
class="short button-unstyled" class="short"
:class="{ '-with-tooltip': shouldShowTooltip }" :class="{ '-with-tooltip': shouldShowTooltip }"
:href="url" :href="url"
@click.prevent="onClick" @click.prevent="onClick"

2
src/components/mfa_form/recovery_form.vue
View File

@ -16,7 +16,7 @@
<input <input
id="code" id="code"
v-model="code" v-model="code"
class="form-control" class="input form-control"
> >
</div> </div>

2
src/components/mfa_form/totp_form.vue
View File

@ -18,7 +18,7 @@
<input <input
id="code" id="code"
v-model="code" v-model="code"
class="form-control" class="input form-control"
> >
</div> </div>

2
src/components/mobile_nav/mobile_nav.vue
View File

@ -137,7 +137,7 @@
box-sizing: border-box; box-sizing: border-box;
a { a {
color: var(--topBarLink, $fallback--link); color: var(--link);
} }
} }

2
src/components/opacity_input/opacity_input.vue
View File

@ -18,7 +18,7 @@
/> />
<input <input
:id="name" :id="name"
class="input-number" class="input input-number"
type="number" type="number"
:value="modelValue || fallback" :value="modelValue || fallback"
:disabled="!present || disabled" :disabled="!present || disabled"

2
src/components/password_reset/password_reset.vue
View File

@ -43,7 +43,7 @@
v-model="user.email" v-model="user.email"
:disabled="isPending" :disabled="isPending"
:placeholder="$t('password_reset.placeholder')" :placeholder="$t('password_reset.placeholder')"
class="form-control" class="input form-control"
type="input" type="input"
> >
</div> </div>

4
src/components/poll/poll.vue
View File

@ -39,10 +39,11 @@
:aria-checked="choices[index]" :aria-checked="choices[index]"
@click="activateOption(index)" @click="activateOption(index)"
> >
<!-- TODO: USE CHECKBOX -->
<input <input
v-if="poll.multiple" v-if="poll.multiple"
type="checkbox" type="checkbox"
class="poll-checkbox" class="input poll-checkbox"
:disabled="loading" :disabled="loading"
:value="index" :value="index"
> >
@ -51,6 +52,7 @@
type="radio" type="radio"
:disabled="loading" :disabled="loading"
:value="index" :value="index"
class="input"
> >
<label class="option-vote"> <label class="option-vote">
<RichContent <RichContent

4
src/components/poll/poll_form.vue
View File

@ -13,7 +13,7 @@
:id="`poll-${index}`" :id="`poll-${index}`"
v-model="options[index]" v-model="options[index]"
size="1" size="1"
class="poll-option-input" class="input poll-option-input"
type="text" type="text"
:placeholder="$t('polls.option')" :placeholder="$t('polls.option')"
:maxlength="maxLength" :maxlength="maxLength"
@ -67,7 +67,7 @@
<input <input
v-model="expiryAmount" v-model="expiryAmount"
type="number" type="number"
class="expiry-amount hide-number-spinner" class="input expiry-amount hide-number-spinner"
:min="minExpirationInCurrentUnit" :min="minExpirationInCurrentUnit"
:max="maxExpirationInCurrentUnit" :max="maxExpirationInCurrentUnit"
@change="expiryAmountChange" @change="expiryAmountChange"

8
src/components/post_status_form/post_status_form.vue
View File

@ -161,7 +161,7 @@
v-model="newStatus.spoilerText" v-model="newStatus.spoilerText"
enable-emoji-picker enable-emoji-picker
:suggest="emojiSuggestor" :suggest="emojiSuggestor"
class="form-control" class="input form-control"
> >
<template #default="inputProps"> <template #default="inputProps">
<input <input
@ -180,7 +180,7 @@
v-model="newStatus.status" v-model="newStatus.status"
:suggest="emojiUserSuggestor" :suggest="emojiUserSuggestor"
:placement="emojiPickerPlacement" :placement="emojiPickerPlacement"
class="form-control main-input" class="input form-control main-input"
enable-emoji-picker enable-emoji-picker
hide-emoji-button hide-emoji-button
:newline-on-ctrl-enter="submitOnEnter" :newline-on-ctrl-enter="submitOnEnter"
@ -237,7 +237,7 @@
<Select <Select
id="post-content-type" id="post-content-type"
v-model="newStatus.contentType" v-model="newStatus.contentType"
class="form-control" class="input form-control"
:attrs="{ 'aria-label': $t('post_status.content_type_selection') }" :attrs="{ 'aria-label': $t('post_status.content_type_selection') }"
> >
<option <option
@ -591,6 +591,8 @@
height: calc(var(--post-line-height) * 1em); height: calc(var(--post-line-height) * 1em);
min-height: calc(var(--post-line-height) * 1em); min-height: calc(var(--post-line-height) * 1em);
resize: none; resize: none;
text: inherit;
background: transparent;
&.scrollable-form { &.scrollable-form {
overflow-y: auto; overflow-y: auto;

6
src/components/range_input/range_input.vue
View File

@ -14,7 +14,7 @@
v-if="typeof fallback !== 'undefined'" v-if="typeof fallback !== 'undefined'"
:id="name + '-o'" :id="name + '-o'"
:aria-labelledby="name + '-label'" :aria-labelledby="name + '-label'"
class="opt visible-for-screenreader-only" class="input opt visible-for-screenreader-only"
type="checkbox" type="checkbox"
:checked="present" :checked="present"
@change="$emit('update:modelValue', !present ? fallback : undefined)" @change="$emit('update:modelValue', !present ? fallback : undefined)"
@ -27,7 +27,7 @@
/> />
<input <input
:id="name" :id="name"
class="input-number" class="input input-number"
type="range" type="range"
:value="modelValue || fallback" :value="modelValue || fallback"
:disabled="!present || disabled" :disabled="!present || disabled"
@ -38,7 +38,7 @@
> >
<input <input
:id="name + '-numeric'" :id="name + '-numeric'"
class="input-number" class="input input-number"
type="number" type="number"
:aria-labelledby="name + '-label'" :aria-labelledby="name + '-label'"
:value="modelValue || fallback" :value="modelValue || fallback"

20
src/components/registration/registration.vue
View File

@ -22,7 +22,7 @@
id="sign-up-username" id="sign-up-username"
v-model.trim="v$.user.username.$model" v-model.trim="v$.user.username.$model"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
:aria-required="true" :aria-required="true"
:placeholder="$t('registration.username_placeholder')" :placeholder="$t('registration.username_placeholder')"
> >
@ -50,7 +50,7 @@
id="sign-up-fullname" id="sign-up-fullname"
v-model.trim="v$.user.fullname.$model" v-model.trim="v$.user.fullname.$model"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
:aria-required="true" :aria-required="true"
:placeholder="$t('registration.fullname_placeholder')" :placeholder="$t('registration.fullname_placeholder')"
> >
@ -78,7 +78,7 @@
id="email" id="email"
v-model="v$.user.email.$model" v-model="v$.user.email.$model"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
type="email" type="email"
:aria-required="accountActivationRequired" :aria-required="accountActivationRequired"
> >
@ -103,7 +103,7 @@
id="bio" id="bio"
v-model="user.bio" v-model="user.bio"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
:placeholder="bioPlaceholder" :placeholder="bioPlaceholder"
/> />
</div> </div>
@ -120,7 +120,7 @@
id="sign-up-password" id="sign-up-password"
v-model="user.password" v-model="user.password"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
type="password" type="password"
:aria-required="true" :aria-required="true"
> >
@ -148,7 +148,7 @@
id="sign-up-password-confirmation" id="sign-up-password-confirmation"
v-model="user.confirm" v-model="user.confirm"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
type="password" type="password"
:aria-required="true" :aria-required="true"
> >
@ -181,7 +181,7 @@
id="sign-up-birthday" id="sign-up-birthday"
v-model="user.birthday" v-model="user.birthday"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
type="date" type="date"
:max="birthdayRequired ? birthdayMinAttr : undefined" :max="birthdayRequired ? birthdayMinAttr : undefined"
:aria-required="birthdayRequired" :aria-required="birthdayRequired"
@ -226,7 +226,7 @@
id="reason" id="reason"
v-model="user.reason" v-model="user.reason"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
:placeholder="reasonPlaceholder" :placeholder="reasonPlaceholder"
/> />
</div> </div>
@ -253,7 +253,7 @@
id="captcha-answer" id="captcha-answer"
v-model="captcha.solution" v-model="captcha.solution"
:disabled="isPending" :disabled="isPending"
class="form-control" class="input form-control"
type="text" type="text"
autocomplete="off" autocomplete="off"
autocorrect="off" autocorrect="off"
@ -272,7 +272,7 @@
id="token" id="token"
v-model="token" v-model="token"
disabled="true" disabled="true"
class="form-control" class="input form-control"
type="text" type="text"
> >
</div> </div>

2
src/components/report/report.vue
View File

@ -17,7 +17,7 @@
<Select <Select
:id="report-state" :id="report-state"
v-model="state" v-model="state"
class="form-control" class="input form-control"
> >
<option <option
v-for="state in ['open', 'closed', 'resolved']" v-for="state in ['open', 'closed', 'resolved']"

2
src/components/search/search.vue
View File

@ -9,7 +9,7 @@
<input <input
ref="searchInput" ref="searchInput"
v-model="searchTerm" v-model="searchTerm"
class="search-input" class="input search-input"
:placeholder="$t('nav.search')" :placeholder="$t('nav.search')"
@keyup.enter="newQuery(searchTerm)" @keyup.enter="newQuery(searchTerm)"
> >

2
src/components/search_bar/search_bar.vue
View File

@ -22,7 +22,7 @@
id="search-bar-input" id="search-bar-input"
ref="searchInput" ref="searchInput"
v-model="searchTerm" v-model="searchTerm"
class="search-bar-input" class="input search-bar-input"
:placeholder="$t('nav.search')" :placeholder="$t('nav.search')"
type="text" type="text"
@keyup.enter="find(searchTerm)" @keyup.enter="find(searchTerm)"

2
src/components/settings_modal/helpers/attachment_setting.vue
View File

@ -29,7 +29,7 @@
<label for="path">{{ $t('settings.url') }}</label> <label for="path">{{ $t('settings.url') }}</label>
<input <input
:id="path" :id="path"
class="string-input" class="input string-input"
:disabled="shouldBeDisabled" :disabled="shouldBeDisabled"
:value="realDraftMode ? draft : state" :value="realDraftMode ? draft : state"
@change="update" @change="update"

2
src/components/settings_modal/helpers/number_setting.vue
View File

@ -17,7 +17,7 @@
</label> </label>
<input <input
:id="path" :id="path"
class="number-input" class="input number-input"
type="number" type="number"
:step="step || 1" :step="step || 1"
:disabled="shouldBeDisabled" :disabled="shouldBeDisabled"

2
src/components/settings_modal/helpers/size_setting.vue
View File

@ -11,7 +11,7 @@
</label> </label>
<input <input
:id="path" :id="path"
class="number-input" class="input number-input"
type="number" type="number"
step="1" step="1"
:disabled="disabled" :disabled="disabled"

2
src/components/settings_modal/helpers/string_setting.vue
View File

@ -17,7 +17,7 @@
</label> </label>
<input <input
:id="path" :id="path"
class="string-input" class="input string-input"
:disabled="shouldBeDisabled" :disabled="shouldBeDisabled"
:value="realDraftMode ? draft : state" :value="realDraftMode ? draft : state"
@change="update" @change="update"

2
src/components/settings_modal/tabs/filtering_tab.vue
View File

@ -67,7 +67,7 @@
<textarea <textarea
id="muteWords" id="muteWords"
v-model="muteWordsString" v-model="muteWordsString"
class="resize-height" class="input resize-height"
/> />
<div>{{ $t('settings.filtering_explanation') }}</div> <div>{{ $t('settings.filtering_explanation') }}</div>
</li> </li>

10
src/components/settings_modal/tabs/profile_tab.vue
View File

@ -12,7 +12,7 @@
<input <input
id="username" id="username"
v-model="newName" v-model="newName"
class="name-changer" class="input name-changer"
v-bind="propsToNative(inputProps)" v-bind="propsToNative(inputProps)"
> >
</template> </template>
@ -26,7 +26,7 @@
<template #default="inputProps"> <template #default="inputProps">
<textarea <textarea
v-model="newBio" v-model="newBio"
class="bio resize-height" class="input bio resize-height"
v-bind="propsToNative(inputProps)" v-bind="propsToNative(inputProps)"
/> />
</template> </template>
@ -47,7 +47,7 @@
id="birthday" id="birthday"
v-model="newBirthday" v-model="newBirthday"
type="date" type="date"
class="birthday-input" class="input birthday-input"
> >
<Checkbox v-model="showBirthday"> <Checkbox v-model="showBirthday">
{{ $t('settings.birthday.show_birthday') }} {{ $t('settings.birthday.show_birthday') }}
@ -71,6 +71,7 @@
v-model="newFields[i].name" v-model="newFields[i].name"
:placeholder="$t('settings.profile_fields.name')" :placeholder="$t('settings.profile_fields.name')"
v-bind="propsToNative(inputProps)" v-bind="propsToNative(inputProps)"
class="input"
> >
</template> </template>
</EmojiInput> </EmojiInput>
@ -85,6 +86,7 @@
v-model="newFields[i].value" v-model="newFields[i].value"
:placeholder="$t('settings.profile_fields.value')" :placeholder="$t('settings.profile_fields.value')"
v-bind="propsToNative(inputProps)" v-bind="propsToNative(inputProps)"
class="input"
> >
</template> </template>
</EmojiInput> </EmojiInput>
@ -192,6 +194,7 @@
<input <input
type="file" type="file"
@change="uploadFile('banner', $event)" @change="uploadFile('banner', $event)"
class="input"
> >
</div> </div>
<FAIcon <FAIcon
@ -234,6 +237,7 @@
<input <input
type="file" type="file"
@change="uploadFile('background', $event)" @change="uploadFile('background', $event)"
class="input"
> >
</div> </div>
<FAIcon <FAIcon

2
src/components/settings_modal/tabs/security_tab/mfa.vue
View File

@ -99,12 +99,14 @@
<input <input
v-model="otpConfirmToken" v-model="otpConfirmToken"
type="text" type="text"
class="input"
> >
<p>{{ $t('settings.enter_current_password_to_confirm') }}:</p> <p>{{ $t('settings.enter_current_password_to_confirm') }}:</p>
<input <input
v-model="currentPassword" v-model="currentPassword"
type="password" type="password"
class="input"
> >
<div class="confirm-otp-actions"> <div class="confirm-otp-actions">
<button <button

1
src/components/settings_modal/tabs/security_tab/mfa_totp.vue
View File

@ -30,6 +30,7 @@
<input <input
v-model="currentPassword" v-model="currentPassword"
type="password" type="password"
class="input"
> >
</confirm> </confirm>
<div <div

9
src/components/settings_modal/tabs/security_tab/security_tab.vue
View File

@ -8,6 +8,7 @@
v-model="newEmail" v-model="newEmail"
type="email" type="email"
autocomplete="email" autocomplete="email"
class="input"
> >
</div> </div>
<div> <div>
@ -16,6 +17,7 @@
v-model="changeEmailPassword" v-model="changeEmailPassword"
type="password" type="password"
autocomplete="current-password" autocomplete="current-password"
class="input"
> >
</div> </div>
<button <button
@ -40,6 +42,7 @@
<input <input
v-model="changePasswordInputs[0]" v-model="changePasswordInputs[0]"
type="password" type="password"
class="input"
> >
</div> </div>
<div> <div>
@ -47,6 +50,7 @@
<input <input
v-model="changePasswordInputs[1]" v-model="changePasswordInputs[1]"
type="password" type="password"
class="input"
> >
</div> </div>
<div> <div>
@ -54,6 +58,7 @@
<input <input
v-model="changePasswordInputs[2]" v-model="changePasswordInputs[2]"
type="password" type="password"
class="input"
> >
</div> </div>
<button <button
@ -155,6 +160,7 @@
</i18n-t> </i18n-t>
<input <input
v-model="addAliasTarget" v-model="addAliasTarget"
class="input"
> >
</div> </div>
<button <button
@ -187,6 +193,7 @@
</i18n-t> </i18n-t>
<input <input
v-model="moveAccountTarget" v-model="moveAccountTarget"
class="input"
> >
</div> </div>
<div> <div>
@ -195,6 +202,7 @@
v-model="moveAccountPassword" v-model="moveAccountPassword"
type="password" type="password"
autocomplete="current-password" autocomplete="current-password"
class="input"
> >
</div> </div>
<button <button
@ -222,6 +230,7 @@
<input <input
v-model="deleteAccountConfirmPasswordInput" v-model="deleteAccountConfirmPasswordInput"
type="password" type="password"
class="input"
> >
<button <button
class="btn button-default" class="btn button-default"

2
src/components/settings_modal/tabs/theme_tab/preview.vue
View File

@ -95,6 +95,7 @@
<input <input
:value="$t('settings.style.preview.input')" :value="$t('settings.style.preview.input')"
type="text" type="text"
class="input"
> >
<div class="actions"> <div class="actions">
@ -103,6 +104,7 @@
id="preview_checkbox" id="preview_checkbox"
checked="very yes" checked="very yes"
type="checkbox" type="checkbox"
class="input"
> >
<label for="preview_checkbox">{{ $t('settings.style.preview.checkbox') }}</label> <label for="preview_checkbox">{{ $t('settings.style.preview.checkbox') }}</label>
</span> </span>

18
src/components/shadow_control/shadow_control.vue
View File

@ -11,14 +11,14 @@
<input <input
v-model="selected.y" v-model="selected.y"
:disabled="!present" :disabled="!present"
class="input-number" class="input input-number"
type="number" type="number"
> >
<div class="wrap"> <div class="wrap">
<input <input
v-model="selected.y" v-model="selected.y"
:disabled="!present" :disabled="!present"
class="input-range" class="input input-range"
type="range" type="range"
max="20" max="20"
min="-20" min="-20"
@ -38,14 +38,14 @@
<input <input
v-model="selected.x" v-model="selected.x"
:disabled="!present" :disabled="!present"
class="input-number" class="input input-number"
type="number" type="number"
> >
<div class="wrap"> <div class="wrap">
<input <input
v-model="selected.x" v-model="selected.x"
:disabled="!present" :disabled="!present"
class="input-range" class="input input-range"
type="range" type="range"
max="20" max="20"
min="-20" min="-20"
@ -129,7 +129,7 @@
v-model="selected.inset" v-model="selected.inset"
:disabled="!present" :disabled="!present"
name="inset" name="inset"
class="input-inset visible-for-screenreader-only" class="input input-inset visible-for-screenreader-only"
type="checkbox" type="checkbox"
> >
<label <label
@ -153,7 +153,7 @@
v-model="selected.blur" v-model="selected.blur"
:disabled="!present" :disabled="!present"
name="blur" name="blur"
class="input-range" class="input input-range"
type="range" type="range"
max="20" max="20"
min="0" min="0"
@ -161,7 +161,7 @@
<input <input
v-model="selected.blur" v-model="selected.blur"
:disabled="!present" :disabled="!present"
class="input-number" class="input input-number"
type="number" type="number"
min="0" min="0"
> >
@ -181,7 +181,7 @@
v-model="selected.spread" v-model="selected.spread"
:disabled="!present" :disabled="!present"
name="spread" name="spread"
class="input-range" class="input input-range"
type="range" type="range"
max="20" max="20"
min="-20" min="-20"
@ -189,7 +189,7 @@
<input <input
v-model="selected.spread" v-model="selected.spread"
:disabled="!present" :disabled="!present"
class="input-number" class="input input-number"
type="number" type="number"
> >
</div> </div>

4
src/components/user_card/user_card.vue
View File

@ -160,14 +160,14 @@
v-if="userHighlightType !== 'disabled'" v-if="userHighlightType !== 'disabled'"
:id="'userHighlightColorTx'+user.id" :id="'userHighlightColorTx'+user.id"
v-model="userHighlightColor" v-model="userHighlightColor"
class="userHighlightText" class="input userHighlightText"
type="text" type="text"
> >
<input <input
v-if="userHighlightType !== 'disabled'" v-if="userHighlightType !== 'disabled'"
:id="'userHighlightColor'+user.id" :id="'userHighlightColor'+user.id"
v-model="userHighlightColor" v-model="userHighlightColor"
class="userHighlightCl" class="input userHighlightCl"
type="color" type="color"
> >
{{ ' ' }} {{ ' ' }}

2
src/components/user_note/user_note.vue
View File

@ -33,7 +33,7 @@
<textarea <textarea
v-show="editing" v-show="editing"
v-model="localNote" v-model="localNote"
class="note-text" class="input note-text"
/> />
<span <span
v-show="!editing" v-show="!editing"

2
src/components/user_reporting_modal/user_reporting_modal.vue
View File

@ -19,7 +19,7 @@
<p>{{ $t('user_reporting.add_comment_description') }}</p> <p>{{ $t('user_reporting.add_comment_description') }}</p>
<textarea <textarea
v-model="comment" v-model="comment"
class="form-control" class="input form-control"
:placeholder="$t('user_reporting.additional_comments')" :placeholder="$t('user_reporting.additional_comments')"
rows="1" rows="1"
@input="resize" @input="resize"