No OneTemporary
Actions

Authored By

Unknown

Size

57 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
	index 1f7d419e97..a547b98a5f 100644
	--- a/src/components/interface_language_switcher/interface_language_switcher.vue
	+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
	@@ -1,86 +1,86 @@
	<template>
	<ul class="interface-language-switcher setting-list">
	<li
	v-for="index of controlledLanguage.keys()"
	:key="index"
	class="setting-item"
	>
	<label
	class="setting-label"
	:for="uniqueId+index"
	>
	{{ index === 0 ? $t('settings.primary_language') : $t('settings.fallback_language', { index }, index) }}
	</label>
	<span class="setting-control btn-group">
	<Select
	- :name="uniqueId+index"
	:id="uniqueId+index"
	+ :name="uniqueId+index"
	class="language-select"
	:model-value="controlledLanguage[index]"
	@update:model-value="val => setLanguageAt(index, val)"
	>
	<option
	v-for="lang in languages"
	:key="lang.code"
	:value="lang.code"
	>
	{{ lang.name }}
	</option>
	</Select>
	<button
	v-if="controlledLanguage.length > 1 && index !== 0"
	class="button-default btn"
	@click="() => removeLanguageAt(index)"
	>
	{{ $t('settings.remove_language') }}
	</button>
	</span>
	</li>
	<li class="add-button">
	<button
	class="button-default btn"
	@click="addLanguage"
	>
	{{ $t('settings.add_language') }}
	</button>
	</li>
	</ul>
	</template>

	<script src="./interface_language_switcher.js"></script>

	<style lang="scss">
	.interface-language-switcher {
	.setting-list {
	.setting-item {
	display: grid;
	grid-template-columns: subgrid;
	}
	}

	.add-button {
	display: block;
	text-align: center;
	padding-bottom: 1em;

	.default-button {
	display: block;
	width: auto;
	}
	}

	.-mobile & {
	li.setting-item {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	align-items: stretch;
	border-bottom: none;
	}

	.add-button {
	border-bottom: 1px solid var(--border);
	}
	}
	}
	</style>
	diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
	index 043128f915..d75eb44b07 100644
	--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
	+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
	@@ -1,225 +1,225 @@
	<template>
	<div
	v-if="matchesExpertLevel"
	class="PWAManifestIconsSetting setting-item"
	>
	<label
	class="pwa-label setting-label"
	:class="{ 'faint': shouldBeDisabled }"
	>
	<ModifiedIndicator
	:changed="isChanged"
	:onclick="reset"
	/>
	<ProfileSettingIndicator :is-profile="isProfileSetting" />
	{{ ' ' }}
	<template v-if="backendDescriptionLabel">
	{{ backendDescriptionLabel + ' ' }}
	</template>
	<template v-else-if="source === 'admin'">
	MISSING LABEL FOR {{ path }}
	</template>
	<slot v-else />
	</label>
	<p
	v-if="backendDescriptionDescription"
	class="setting-description"
	:class="{ 'faint': shouldBeDisabled }"
	>
	{{ backendDescriptionDescription + ' ' }}
	</p>
	<div class="setting-control">
	<ul class="item-list">
	<li
	- class="no_items"
	v-if="visibleState.length === 0"
	+ class="no_items"
	>
	{{ $t('admin_dash.instance.pwa.no_icons') }}
	<button
	v-if="visibleState.length === 0"
	class="button-default add-button"
	@click="e => update({ eventType: 'add' })"
	>
	<FAIcon icon="plus" />
	</button>
	</li>
	<li
	v-for="(item, index) in visibleState"
	:key="index"
	>
	<div class="icon-element">
	<div class="src-field">
	<Attachment
	class="src-attachment"
	:compact="compact"
	:attachment="attachment(item)"
	size="small"
	hide-description
	/>
	<div class="src-url">
	<label for="path">{{ $t('settings.url') }}</label>
	<input
	- class="input string-input"
	:id="path"
	+ class="input string-input"
	:disabled="shouldBeDisabled"
	:value="item[':src']"
	@change="event => update({ event, index, eventType: 'edit', field: ':src' })"
	>
	</div>
	<MediaUpload
	ref="mediaUpload"
	class="src-upload media-upload-icon"
	:class="{ disabled: shouldBeDisabled }"
	normal-button
	:accept-types="acceptTypes"
	@uploaded="event => setMediaFile({ event, index })"
	/>
	</div>
	<dl>
	<dt>{{ $t('admin_dash.instance.pwa.icon.purpose') }}</dt>
	<dd>
	<Select
	:class="{ disabled: shouldBeDisabled }"
	:disabled="shouldBeDisabled"
	:model-value="item[':purpose']"
	@update:model-value="event => setPurpose({ event, index })"
	>
	<option
	v-for="(purpose, index) in purposeOptions"
	:key="index"
	:value="purpose.value"
	>
	{{ purpose.label }}
	</option>
	</Select>
	</dd>
	<dt><code>sizes</code>{{ $t('admin_dash.instance.pwa.optional') }}</dt>
	<dd>
	<input
	class="input string-input"
	:class="{ disabled: shouldBeDisabled }"
	:value="item[':sizes']"
	@change="e => update({ event: e, index, eventType: 'edit', field: ':sizes' })"
	>
	</dd>
	<dt><code>type</code>{{ $t('admin_dash.instance.pwa.optional') }}</dt>
	<dd>
	<input
	class="input string-input"
	:class="{ disabled: shouldBeDisabled }"
	:value="item[':type']"
	@change="e => update({ event: e, index, eventType: 'edit', field: ':type' })"
	>
	</dd>
	</dl>
	<div class="buttons">
	<button
	v-if="index === visibleState.length - 1"
	class="button-default add-button"
	@click="e => update({ eventType: 'add' })"
	>
	<FAIcon icon="plus" />
	</button>
	<button
	class="button-default delete-button"
	@click="e => update({ index, eventType: 'remove' })"
	>
	<FAIcon icon="times" />
	</button>
	</div>
	</div>
	</li>
	</ul>
	</div>
	<DraftButtons />
	</div>
	</template>

	<script src="./pwa_manifest_icons_setting.js"></script>
	<style lang="scss">
	div.PWAManifestIconsSetting {
	&.setting-item {
	display: grid;
	grid-template-areas:
	"label"
	"desc"
	"control"
	"draft";
	grid-template-rows: 2em auto 1fr;
	grid-template-columns: 1fr;
	}

	.pwa-label.setting-label {
	align-self: end;
	text-align: left;
	}

	.buttons {
	display: flex;
	gap: 0.5em;
	justify-content: right;
	margin-top: 0.5em;

	button {
	line-height: 2;
	}
	}

	ul {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, 12em);
	grid-gap: 2em;
	}

	dl {
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 0.5em;
	gap: 0.25em;
	align-items: baseline;

	dt {
	font-weight: 800;

	&::after {
	content: ':'
	}
	}

	dd {
	margin: 0
	}
	}

	.src-field {
	display: grid;
	grid-template-columns: auto;
	justify-items: center;
	gap: 0.5em;

	.src-attachment {
	width: 10em;
	height: 10em;
	display: block;
	margin-bottom: 0.5em;
	}

	.src-upload {
	display: block;
	width: 100%;
	}

	.src-url {
	display: flex;
	flex-direction: column;
	gap: 0.25em;
	width: 100%;

	label {
	display: block;
	}
	}
	}
	}
	</style>
	diff --git a/src/components/settings_modal/helpers/rate_setting.vue b/src/components/settings_modal/helpers/rate_setting.vue
	index 6849ee2c15..f6216223c7 100644
	--- a/src/components/settings_modal/helpers/rate_setting.vue
	+++ b/src/components/settings_modal/helpers/rate_setting.vue
	@@ -1,139 +1,139 @@
	<template>
	<div
	v-if="matchesExpertLevel"
	class="RateSetting setting-item"
	>
	<label
	class="setting-label"
	:class="{ 'faint': shouldBeDisabled }"
	>
	<ModifiedIndicator
	:changed="isChanged"
	:onclick="reset"
	/>
	<ProfileSettingIndicator :is-profile="isProfileSetting" />
	{{ ' ' }}
	<template v-if="backendDescriptionLabel">
	{{ backendDescriptionLabel + ' ' }}
	</template>
	<template v-else-if="source === 'admin'">
	MISSING LABEL FOR {{ path }}
	</template>
	<slot v-else />
	</label>
	<p
	v-if="backendDescriptionDescription"
	class="setting-description"
	:class="{ 'faint': shouldBeDisabled }"
	>
	{{ backendDescriptionDescription + ' ' }}
	</p>
	<div class="setting-control">
	<table>
	<tr>
	<th> </th>
	<th>
	{{ $t('admin_dash.rate_limit.period') }}
	</th>
	<th>
	{{ $t('admin_dash.rate_limit.amount') }}
	</th>
	</tr>
	<tr>
	<td v-if="isSeparate">
	{{ $t('admin_dash.rate_limit.unauthenticated') }}
	</td>
	<td v-else>
	{{ $t('admin_dash.rate_limit.rate_limit') }}
	</td>
	<td>
	<input
	class="input string-input"
	type="number"
	:value="normalizedState[0][0]"
	@change="e => update({ event: e, index: 0, side: 0, eventType: 'edit' })"
	>
	</td>
	<td>
	<input
	class="input string-input"
	type="number"
	:value="normalizedState[0][1]"
	@change="e => update({ event: e, index: 1, side: 0, eventType: 'edit' })"
	>
	</td>
	</tr>
	<tr v-if="isSeparate">
	<td>
	{{ $t('admin_dash.rate_limit.authenticated') }}
	</td>
	<td>
	<input
	class="input string-input"
	type="number"
	:value="normalizedState[1][0]"
	@change="e => update({ event: e, index: 0, side: 1, eventType: 'edit' })"
	>
	</td>
	<td>
	<input
	class="input string-input"
	type="number"
	:value="normalizedState[1][1]"
	@change="e => update({ event: e, index: 1, side: 1, eventType: 'edit' })"
	>
	</td>
	</tr>
	</table>
	<Checkbox
	:model-value="isSeparate"
	- @update:model-value="event => update({ event: event ? 'join' : 'split', eventType: 'toggleMode' })"
	+ @update:model-value="event => update({ event: event ? 'join' : 'split', eventType: 'toggleMode' })"
	>
	{{ $t('admin_dash.rate_limit.separate') }}
	</Checkbox>
	</div>
	- <DraftButtons />
	-</div>
	+ <DraftButtons />
	+ </div>
	</template>

	<script src="./rate_setting.js"></script>
	<style lang="scss">
	.RateSetting {
	&.setting-item {
	display: grid;
	grid-template-areas:
	"label control"
	"desc control"
	". draft";

	.setting-label {
	text-align: right;
	align-self: center;
	}

	.setting-description {
	text-align: right;
	}

	.setting-control {
	align-self: end;
	}
	}

	table {
	margin-top: 0.5em;
	}

	th {
	font-weight: normal;
	}

	td {
	input {
	width: 15ch;
	}
	}

	margin-bottom: 2em;
	}
	</style>
	diff --git a/src/components/settings_modal/helpers/tuple_setting.vue b/src/components/settings_modal/helpers/tuple_setting.vue
	index 09e4aa9dd2..e39e233442 100644
	--- a/src/components/settings_modal/helpers/tuple_setting.vue
	+++ b/src/components/settings_modal/helpers/tuple_setting.vue
	@@ -1,58 +1,58 @@
	<template>
	<span
	- class="setting-item"
	v-if="matchesExpertLevel"
	+ class="setting-item"
	>
	<label
	v-if="!hideLabel"
	:for="path"
	class="setting-label"
	:class="{ 'faint': shouldBeDisabled }"
	>
	<ModifiedIndicator
	:changed="isChanged"
	:onclick="reset"
	/>
	<ProfileSettingIndicator :is-profile="isProfileSetting" />
	{{ ' ' }}
	<template v-if="backendDescriptionLabel">
	{{ backendDescriptionLabel + ' ' }}
	</template>
	<template v-else-if="source === 'admin'">
	MISSING LABEL FOR {{ path }}
	</template>
	<slot v-else />
	</label>
	<span class="setting-control">
	<input
	:id="path"
	class="input string-input"
	:class="{ disabled: shouldBeDisabled }"
	:disabled="shouldBeDisabled"
	:placeholder="backendDescriptionSuggestions?.[0]?.[0]"
	:value="visibleState?.tuple?.[0]"
	@change="e => update({ e, side: 0 })"
	>
	{{ ' ' }}
	<input
	:id="path"
	class="input string-input"
	:class="{ disabled: shouldBeDisabled }"
	:disabled="shouldBeDisabled"
	:placeholder="backendDescriptionSuggestions?.[0]?.[1]"
	:value="visibleState?.tuple?.[1]"
	@change="e => update({ e, side: 1 })"
	>
	</span>
	<DraftButtons v-if="!hideDraftButtons" />
	<p
	v-if="backendDescriptionDescription"
	class="setting-description"
	:class="{ 'faint': shouldBeDisabled }"
	>
	{{ backendDescriptionDescription + ' ' }}
	</p>
	</span>
	</template>

	<script src="./tuple_setting.js"></script>
	diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
	index a26937bd76..53add37fa6 100644
	--- a/src/components/settings_modal/settings_modal.scss
	+++ b/src/components/settings_modal/settings_modal.scss
	@@ -1,261 +1,264 @@
	.settings-modal {
	overflow: hidden;

	h2 {
	font-size: 1.3rem;
	font-weight: 500;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	}

	h3 {
	font-size: 1.2rem;
	font-weight: 500;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-right: 1em;
	border-bottom: 1px solid var(--border);
	padding-bottom: 0.25em;
	box-sizing: border-box;
	padding-left: 0.5em;
	}

	h4 {
	font-size: 1.1rem;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	}

	h5 {
	font-size: 1rem;
	margin-left: 1em;
	margin-bottom: 0.25em;
	margin-top: 0.75em;
	}

	p {
	line-height: 1.5;
	}

	.suboptions {
	margin-left: 1em;
	}

	.sidenote {
	margin-left: 5em;
	padding: 0.25em 1em;
	margin-top: 0.25em;
	}

	.setting-description {
	margin-top: 0.2em;
	margin-bottom: 0;
	font-size: 80%;
	}

	.setting-item {
	display: grid;
	grid-template-areas:
	"label control"
	"label desc"
	". draft";
	grid-template-columns: 4fr 5fr;
	column-gap: 0.5em;
	align-items: baseline;
	padding: 0.5em 0;

	.setting-label {
	grid-area: label;
	text-align: right;
	align-self: baseline;
	}

	.ModifiedIndicator,
	.ProfileSettingIndicator {
	grid-area: indicator;
	}

	.setting-control {
	grid-area: control;

	&.textarea {
	align-self: baseline;
	overflow: auto;
	}

	&.checkbox {
	display: grid;
	grid-template-columns: subgrid;

	.label {
	grid-area: label;
	text-align: right;
	}

	.checkbox-indicator {
	grid-area: control;
	}

	.-mobile & {
	.label {
	text-align: left;
	}
	}
	}
	}

	.setting-control.setting-label {
	grid-column: 1 / 3;
	text-align: left;
	}

	.setting-description {
	grid-area: desc;
	}

	.DraftButtons {
	grid-area: draft;
	}
	}

	.vertical-tab-switcher {
	height: 100%;
	}

	.setting-list,
	.option-list {
	list-style-type: none;
	padding-left: 0;
	margin: 0;

	.btn:not(.dropdown-button) {
	padding: 0 2em;
	}

	.btn-group {
	.button-default {
	flex: 0 1 auto;
	}
	}

	&.two-column {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-left: 2em;
	border-bottom: 1px solid var(--border);
	padding-bottom: 0.5em;
	margin-bottom: 1em;

	.setting-item {
	grid-template-columns: 3fr 1fr;
	}

	> li {
	margin: 0;
	break-inside: avoid;
	}
	}
	}

	.settings-modal-panel {
	overflow: hidden;
	transition: transform;
	transition-timing-function: ease-in-out;
	transition-duration: 300ms;
	width: 70em;
	max-width: 90vw;
	height: 90vh;

	@media all and (width <= 800px) {
	max-width: 100vw;
	height: 100%;
	}

	>.panel-body {
	height: 100%;
	overflow-y: hidden;

	.btn {
	min-height: 2em;
	}
	}
	}

	.settings-footer {
	display: flex;
	flex-wrap: wrap;
	line-height: 2;

	>* {
	margin-right: 0.5em;
	}

	.extra-content {
	display: flex;
	flex-grow: 1;
	}
	}

	&.-mobile {
	.tabs {
	.menu-item {
	font-size: 1.2em;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	}
	}

	+ /* stylelint-disable no-descending-specificity */
	.setting-item {
	grid-template-columns: 1fr min-content;
	column-gap: 0.5em;
	- padding: 1em 1em;
	+ padding: 1em;
	align-items: center;

	.setting-label {
	text-align: left;
	}
	}

	ul {
	padding: 0;

	li:not(:first-child) {
	.setting-item {
	border-top: 1px solid var(--border);
	}
	}
	}

	+
	+
	.setting-list:not(.suboptions),
	.option-list {
	&.two-column {
	grid-template-columns: 1fr;
	}
	}
	}

	&.peek {
	.settings-modal-panel {
	/* Explanation:
	* Modal is positioned vertically centered.
	* 100vh - 100% = Distance between modal's top+bottom boundaries and screen
	* (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen
	* + 100% - we move modal completely off-screen, it's top boundary touches
	* bottom of the screen
	* - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible
	*/
	transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));

	@media all and (width <= 800px) {
	/* For mobile, the modal takes 100% of the available screen.
	This ensures the minimized modal is always 50px above the browser bottom
	bar regardless of whether or not it is visible.
	*/
	transform: translateY(calc(100% - 50px));
	}
	}
	}
	}
	diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
	index c02a15421d..f71d64600b 100644
	--- a/src/components/settings_modal/tabs/composing_tab.vue
	+++ b/src/components/settings_modal/tabs/composing_tab.vue
	@@ -1,116 +1,119 @@
	<template>
	<div :label="$t('settings.posts')">
	<div class="setting-section">
	<h3>{{ $t('settings.general') }}</h3>
	<ul class="setting-list">
	<li>
	- <label class="setting-item " for="default-vis">
	+ <label
	+ class="setting-item "
	+ for="default-vis"
	+ >
	<span class="setting-label">
	<ProfileSettingIndicator :is-profile="true" />
	{{ $t('settings.default_vis') }}
	</span>
	<ScopeSelector
	class="scope-selector setting-control"
	:show-all="true"
	:user-default="$store.state.profileConfig.defaultScope"
	:initial-scope="$store.state.profileConfig.defaultScope"
	:on-scope-change="changeDefaultScope"
	:unstyled="false"
	uns
	/>
	</label>
	</li>
	<li>
	<!-- <BooleanSetting source="profile" path="defaultNSFW"> -->
	<BooleanSetting path="sensitiveByDefault">
	{{ $t('settings.sensitive_by_default') }}
	</BooleanSetting>
	</li>
	<li v-if="postFormats.length > 0">
	<ChoiceSetting
	id="postContentType"
	path="postContentType"
	:options="postContentOptions"
	>
	{{ $t('settings.default_post_status_content_type') }}
	</ChoiceSetting>
	</li>
	<li>
	<BooleanSetting path="padEmoji">
	{{ $t('settings.pad_emoji') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	path="autocompleteSelect"
	expert="1"
	>
	{{ $t('settings.autocomplete_select_first') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	path="autoSaveDraft"
	>
	{{ $t('settings.auto_save_draft') }}
	</BooleanSetting>
	</li>
	<li v-if="!mergedConfig.autoSaveDraft">
	<ChoiceSetting
	id="unsavedPostAction"
	path="unsavedPostAction"
	:options="unsavedPostActionOptions"
	expert="1"
	>
	{{ $t('settings.unsaved_post_action') }}
	</ChoiceSetting>
	</li>
	</ul>
	<h3>{{ $t('settings.replies') }}</h3>
	<ul class="setting-list">
	<li>
	<BooleanSetting
	path="scopeCopy"
	>
	{{ $t('settings.scope_copy') }}
	</BooleanSetting>
	</li>
	<li>
	<ChoiceSetting
	id="subjectLineBehavior"
	path="subjectLineBehavior"
	:options="subjectLineOptions"
	>
	{{ $t('settings.subject_line_behavior') }}
	</ChoiceSetting>
	</li>
	</ul>
	<h3 v-if="expertLevel > 0">
	{{ $t('settings.attachments') }}
	</h3>
	<ul class="setting-list">
	<li>
	<BooleanSetting
	path="imageCompression"
	expert="1"
	>
	{{ $t('settings.image_compression') }}
	</BooleanSetting>
	<ul class="setting-list suboptions">
	<li>
	<BooleanSetting
	path="alwaysUseJpeg"
	expert="1"
	parent-path="imageCompression"
	>
	{{ $t('settings.always_use_jpeg') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	</ul>
	</div>
	</div>
	</template>

	<script src="./composing_tab.js"></script>
	diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
	index a51b0e4b75..ff74986560 100644
	--- a/src/components/settings_modal/tabs/filtering_tab.vue
	+++ b/src/components/settings_modal/tabs/filtering_tab.vue
	@@ -1,347 +1,347 @@
	<template>
	<div class="filtering-tab">
	<div class="setting-section">
	<h3>{{ $t('settings.filter.mute_filter') }}</h3>
	<ul class="setting-list">
	<li>
	<ChoiceSetting
	v-if="user"
	id="replyVisibility"
	path="replyVisibility"
	:options="replyVisibilityOptions"
	>
	{{ $t('settings.replies_in_timeline') }}
	</ChoiceSetting>
	</li>
	<li>
	<span class="setting-item">
	<span class="setting-label">
	{{ $t('user_card.default_mute_expiration') }}
	</span>
	<Select
	id="onMuteDefaultActionLv1"
	v-model="onMuteDefaultActionLv1"
	>
	<option
	v-for="option in muteBlockLv1Options"
	:key="option.key"
	:value="option.value"
	>
	{{ option.label }}
	</option>
	</Select>
	</span>
	<ul
	v-if="onMuteDefaultActionLv1 === 'temporarily'"
	class="setting-list suboptions"
	>
	<li>
	<UnitSetting
	path="onMuteDefaultAction"
	unit-set="time"
	:units="['s', 'm', 'h', 'd']"
	:min="0"
	>
	{{ $t('user_card.default_expiration_time') }}
	</UnitSetting>
	</li>
	</ul>
	</li>
	<li v-if="blockExpirationSupported">
	<span class="setting-item">
	<span class="setting-label">
	{{ $t('user_card.default_block_expiration') }}
	</span>
	<Select
	id="onBlockDefaultActionLv1"
	- class="setting-control"
	v-model="onBlockDefaultActionLv1"
	+ class="setting-control"
	>
	<option
	v-for="option in muteBlockLv1Options"
	:key="option.key"
	:value="option.value"
	>
	{{ option.label }}
	</option>
	</Select>
	</span>
	<ul
	v-if="onBlockDefaultActionLv1 === 'temporarily'"
	class="setting-list suboptions"
	>
	<li>
	<UnitSetting
	path="onBlockDefaultAction"
	unit-set="time"
	:units="['s', 'm', 'h', 'd']"
	:min="0"
	>
	{{ $t('user_card.default_expiration_time') }}
	</UnitSetting>
	</li>
	</ul>
	</li>
	<li>
	<BooleanSetting path="hideFilteredStatuses">
	{{ $t('settings.hide_muted_statuses') }}
	</BooleanSetting>
	<ul class="setting-list suboptions">
	<li>
	<BooleanSetting
	parent-path="hideFilteredStatuses"
	:parent-invert="true"
	path="hideWordFilteredPosts"
	expert="1"
	>
	{{ $t('settings.hide_filtered_statuses') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	v-if="user"
	parent-path="hideFilteredStatuses"
	:parent-invert="true"
	path="hideMutedThreads"
	>
	{{ $t('settings.hide_muted_threads') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	v-if="user"
	parent-path="hideFilteredStatuses"
	:parent-invert="true"
	path="hideMutedPosts"
	>
	{{ $t('settings.hide_muted_posts') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<BooleanSetting path="muteBotStatuses">
	{{ $t('settings.mute_bot_posts') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="muteSensitiveStatuses">
	{{ $t('settings.mute_sensitive_posts') }}
	</BooleanSetting>
	</li>
	<li>
	<h3>{{ $t('settings.filter.custom_filters') }}</h3>
	<p class="muteFiltersActions">
	<span class="total">
	{{ $t('settings.filter.total_count', { count: muteFiltersDraft.length }) }}
	</span>
	<button
	class="add-button button-default"
	type="button"
	@click="createFilter()"
	>
	{{ $t('settings.filter.new') }}
	</button>
	<button
	class="add-button button-default"
	type="button"
	@click="importFilter()"
	>
	{{ $t('settings.filter.import') }}
	</button>
	</p>
	<div class="muteFilterContainer">
	<div
	v-for="filter in muteFiltersDraft"
	:key="filter[0]"
	class="mute-filter"
	:style="{ order: filter[1].order }"
	>
	<div class="filter-name">
	<label
	:for="'filterName' + filter[0]"
	>
	{{ $t('settings.filter.name') }}
	</label>
	{{ ' ' }}
	<input
	:id="'filterName' + filter[0]"
	class="input"
	:value="filter[1].name"
	@input="updateFilter(filter[0], 'name', $event.target.value)"
	>
	<span
	v-if="filter[1].expires !== null && Date.now() > filter[1].expires"
	class="alert neutral"
	>
	{{ $t('settings.filter.expired') }}
	</span>
	</div>
	<div class="filter-enabled">
	<Checkbox
	:id="'filterHide' + filter[0]"
	:model-value="filter[1].hide"
	:name="'filterHide' + filter[0]"
	@update:model-value="updateFilter(filter[0], 'hide', $event)"
	>
	{{ $t('settings.filter.hide') }}
	</Checkbox>
	{{ ' ' }}
	<Checkbox
	:id="'filterEnabled' + filter[0]"
	:model-value="filter[1].enabled"
	:name="'filterEnabled' + filter[0]"
	@update:model-value="updateFilter(filter[0], 'enabled', $event)"
	>
	{{ $t('settings.enabled') }}
	</Checkbox>
	</div>
	<div class="filter-type filter-field">
	<label :for="'filterType' + filter[0]">
	<HelpIndicator>
	<p>
	{{ $t('settings.filter.help.word') }}
	</p>
	<p>
	{{ $t('settings.filter.help.user') }}
	</p>
	<i18n-t
	keypath="settings.filter.help.regexp"
	tag="p"
	>
	<template #link>
	<a
	:href="$t('settings.filter.help.regexp_url')"
	target="_blank"
	>
	{{ $t('settings.filter.help.regexp_link') }}
	</a>
	</template>
	</i18n-t>
	</HelpIndicator>
	{{ $t('settings.filter.type') }}
	</label>
	<Select
	:id="'filterType' + filter[0]"
	class="filter-field-value"
	:model-value="filter[1].type"
	@update:model-value="updateFilter(filter[0], 'type', $event)"
	>
	<option value="word">
	{{ $t('settings.filter.plain') }}
	</option>
	<option value="regexp">
	{{ $t('settings.filter.regexp') }}
	</option>
	<option value="user">
	{{ $t('settings.filter.user') }}
	</option>
	<option value="user_regexp">
	{{ $t('settings.filter.user_regexp') }}
	</option>
	</Select>
	</div>
	<div class="filter-value filter-field">
	<label
	:for="'filterValue' + filter[0]"
	>
	{{ $t('settings.filter.value') }}
	</label>
	{{ ' ' }}
	<input
	:id="'filterValue' + filter[0]"
	class="input filter-field-value"
	:value="filter[1].value"
	@input="updateFilter(filter[0], 'value', $event.target.value)"
	>
	</div>
	<div class="filter-expires filter-field">
	<label
	:for="'filterExpires' + filter[0]"
	>
	{{ $t('settings.filter.expires') }}
	</label>
	{{ ' ' }}
	<div class="filter-field-value">
	<input
	:id="'filterExpires' + filter[0]"
	class="input"
	:class="{ disabled: filter[1].expires === null }"
	type="datetime-local"
	:disabled="filter[1].expires === null"
	:value="filter[1].expires ? getDatetimeLocal(filter[1].expires) : null"
	@input="updateFilter(filter[0], 'expires', $event.target.value)"
	>
	{{ ' ' }}
	<Checkbox
	:id="'filterExpiresNever' + filter[0]"
	:model-value="filter[1].expires === null"
	:name="'filterExpiresNever' + filter[0]"
	class="input-inset input-boolean never"
	@update:model-value="updateFilter(filter[0], 'expires-never', $event)"
	>
	{{ $t('settings.filter.never_expires') }}
	</Checkbox>
	</div>
	</div>
	<div
	v-if="!checkRegexValid(filter[0])"
	class="alert error"
	>
	{{ $t('settings.filter.regexp_error') }}
	</div>
	<div class="filter-buttons">
	<button
	class="delete-button button-default -danger"
	type="button"
	@click="deleteFilter(filter[0])"
	>
	{{ $t('settings.filter.delete') }}
	</button>
	<button
	class="export-button button-default"
	type="button"
	@click="exportFilter(filter[0])"
	>
	{{ $t('settings.filter.export') }}
	</button>
	<button
	class="copy-button button-default"
	type="button"
	@click="copyFilter(filter[0])"
	>
	{{ $t('settings.filter.copy') }}
	</button>
	<button
	class="save-button button-default"
	:class="{ disabled: !muteFiltersDraftDirty[filter[0]] }"
	:disabled="!muteFiltersDraftDirty[filter[0]]"
	type="button"
	@click="saveFilter(filter[0])"
	>
	{{ $t('settings.filter.save') }}
	</button>
	</div>
	</div>
	</div>
	<p class="muteFiltersActionsBottom">
	<span class="total">
	{{ $t('settings.filter.expired_count', { count: muteFiltersExpired.length }) }}
	</span>
	<button
	class="add-button button-default"
	type="button"
	:class="{ disabled: muteFiltersExpired.length === 0 }"
	:disabled="muteFiltersExpired.length === 0"
	@click="purgeExpiredFilters()"
	>
	{{ $t('settings.filter.purge_expired') }}
	</button>
	</p>
	</li>
	</ul>
	</div>
	</div>
	</template>
	<script src="./filtering_tab.js"></script>
	<style src="./filtering_tab.scss"></style>
	diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
	index 285fe1b68a..ceb073a48a 100644
	--- a/src/components/settings_modal/tabs/general_tab.vue
	+++ b/src/components/settings_modal/tabs/general_tab.vue
	@@ -1,208 +1,210 @@
	<template>
	<div>
	<div class="setting-section">
	<h3>{{ $t('settings.format_and_language') }}</h3>
	<ul class="setting-list">
	<h4>{{ $t('settings.interfaceLanguage') }}</h4>
	<interface-language-switcher
	v-model="language"
	class="lang-selector"
	@update="val => language = val"
	/>
	<h4>
	{{ $t('settings.email_language') }}
	{{ ' ' }}
	<ProfileSettingIndicator :is-profile="true" />
	</h4>
	<interface-language-switcher
	v-model="emailLanguage"
	class="lang-selector"
	:profile="true"
	@update:model-value="updateProfile()"
	/>
	<li>
	<BooleanSetting path="useAbsoluteTimeFormat">
	{{ $t('settings.absolute_time_format') }}
	</BooleanSetting>
	</li>
	<li>
	<ChoiceSetting
	id="absoluteTime12h"
	path="absoluteTime12h"
	:options="absoluteTime12hOptions"
	>
	{{ $t('settings.absolute_time_format_12h') }}
	</ChoiceSetting>
	</li>
	</ul>
	<h3>{{ $t('settings.scale_and_font') }}</h3>
	<ul class="setting-list">
	<li>
	<UnitSetting
	path="textSize"
	:step="0.1"
	:units="['px', 'rem']"
	:reset-default="{ 'px': 14, 'rem': 1 }"
	timed-apply-mode
	>
	{{ $t('settings.text_size') }}
	</UnitSetting>
	<p class="sidenote">
	<i18n-t
	scope="global"
	keypath="settings.text_size_tip"
	tag="span"
	>
	<code>px</code>
	<code>rem</code>
	</i18n-t>
	<br>
	<i18n-t
	scope="global"
	keypath="settings.text_size_tip2"
	tag="span"
	>
	<code>14px</code>
	</i18n-t>
	</p>
	</li>
	<li>
	<FontControl
	:model-value="mergedConfig.theme3hacks.fonts.interface"
	name="ui"
	:label="$t('settings.style.fonts.components_inline.interface')"
	:fallback="{ family: 'sans-serif' }"
	no-inherit="1"
	@update:model-value="v => updateFont('interface', v)"
	/>
	</li>
	<li>
	<FontControl
	:model-value="mergedConfig.theme3hacks.fonts.input"
	name="input"
	:fallback="{ family: 'inherit' }"
	:label="$t('settings.style.fonts.components_inline.input')"
	@update:model-value="v => updateFont('input', v)"
	/>
	</li>
	<li>
	<UnitSetting
	path="emojiSize"
	:step="0.1"
	:units="['px', 'rem']"
	:reset-default="{ 'px': 32, 'rem': 2.2 }"
	>
	{{ $t('settings.emoji_size') }}
	</UnitSetting>
	<ul
	class="setting-list suboptions"
	>
	<li>
	<FloatSetting
	v-if="user"
	path="emojiReactionsScale"
	>
	{{ $t('settings.emoji_reactions_scale') }}
	</FloatSetting>
	</li>
	</ul>
	</li>
	</ul>
	<h3>{{ $t('settings.timelines') }}</h3>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="streaming">
	{{ $t('settings.streaming') }}
	</BooleanSetting>
	<ul class="setting-list suboptions">
	<li>
	<BooleanSetting
	path="pauseOnUnfocused"
	parent-path="streaming"
	>
	{{ $t('settings.pause_on_unfocused') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<BooleanSetting
	path="useStreamingApi"
	expert="1"
	>
	{{ $t('settings.useStreamingApi') }}
	</BooleanSetting>
	</li>
	</ul>
	<h3 v-if="expertLevel > 0">
	{{ $t('settings.confirmations') }}
	</h3>
	<ul
	v-if="expertLevel > 0"
	class="setting-list"
	>
	<li class="select-multiple">
	- <h4 class="label">{{ $t('settings.confirm_dialogs') }}</h4>
	+ <h4 class="label">
	+ {{ $t('settings.confirm_dialogs') }}
	+ </h4>
	<ul class="option-list">
	<li>
	<BooleanSetting path="modalOnRepeat">
	{{ $t('settings.confirm_dialogs_repeat') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="modalOnUnfollow">
	{{ $t('settings.confirm_dialogs_unfollow') }}
	</BooleanSetting>
	</li>
	<li
	v-if="!blockExpirationSupported"
	>
	<BooleanSetting
	path="modalOnBlock"
	>
	{{ $t('settings.confirm_dialogs_block') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="modalOnMuteConversation">
	{{ $t('settings.confirm_dialogs_mute_conversation') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="modalOnMuteDomain">
	{{ $t('settings.confirm_dialogs_mute_domain') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="modalOnDelete">
	{{ $t('settings.confirm_dialogs_delete') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="modalOnLogout">
	{{ $t('settings.confirm_dialogs_logout') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="modalOnApproveFollow">
	{{ $t('settings.confirm_dialogs_approve_follow') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="modalOnDenyFollow">
	{{ $t('settings.confirm_dialogs_deny_follow') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="modalOnRemoveUserFromFollowers">
	{{ $t('settings.confirm_dialogs_remove_follower') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	</ul>
	</div>
	</div>
	</template>

	<script src="./general_tab.js"></script>
	diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
	index ea859b18ac..d08f07b68c 100644
	--- a/src/components/settings_modal/tabs/notifications_tab.vue
	+++ b/src/components/settings_modal/tabs/notifications_tab.vue
	@@ -1,294 +1,294 @@
	<template>
	<div :label="$t('settings.notifications')">
	<div class="setting-section">
	<h3>{{ $t('settings.notification_setting_annoyance') }}</h3>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="closingDrawerMarksAsSeen">
	{{ $t('settings.notification_setting_drawer_marks_as_seen') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="ignoreInactionableSeen">
	{{ $t('settings.notification_setting_ignore_inactionable_seen') }}
	</BooleanSetting>
	<p class="sidenote">
	{{ $t('settings.notification_setting_ignore_inactionable_seen_tip') }}
	</p>
	</li>
	<li>
	<BooleanSetting
	path="unseenAtTop"
	expert="1"
	>
	{{ $t('settings.notification_setting_unseen_at_top') }}
	</BooleanSetting>
	</li>
	</ul>
	</div>
	<div class="setting-section">
	<h3>{{ $t('settings.notification_setting_filters') }}</h3>
	<ul class="setting-list">
	<li>
	<BooleanSetting
	source="profile"
	path="blockNotificationsFromStrangers"
	>
	{{ $t('settings.notification_setting_block_from_strangers') }}
	</BooleanSetting>
	</li>
	<li>
	<h4> {{ $t('settings.notification_visibility') }}</h4>
	<p
	- class="sidenote"
	v-if="expertLevel > 0"
	+ class="sidenote"
	>
	{{ $t('settings.notification_setting_filters_chrome_push') }}
	</p>
	<ul class="setting-list two-column">
	<li>
	<h5> {{ $t('settings.notification_visibility_mentions') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.mentions">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.mentions">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<h5> {{ $t('settings.notification_visibility_statuses') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.statuses">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.statuses">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<h5> {{ $t('settings.notification_visibility_likes') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.likes">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.likes">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<h5> {{ $t('settings.notification_visibility_repeats') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.repeats">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.repeats">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<h5> {{ $t('settings.notification_visibility_emoji_reactions') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.emojiReactions">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.emojiReactions">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<h5> {{ $t('settings.notification_visibility_follows') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.follows">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.follows">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<h5> {{ $t('settings.notification_visibility_follow_requests') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.followRequest">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.followRequest">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<h5> {{ $t('settings.notification_visibility_moves') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.moves">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.moves">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<h5> {{ $t('settings.notification_visibility_polls') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.polls">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.polls">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li v-if="canReceiveReports">
	<h5> {{ $t('settings.notification_visibility_reports') }}</h5>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="notificationVisibility.reports">
	{{ $t('settings.notification_visibility_in_column') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationNative.reports">
	{{ $t('settings.notification_visibility_native_notifications') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	</ul>
	</li>
	<li>
	<BooleanSetting path="showExtraNotifications">
	{{ $t('settings.notification_show_extra') }}
	</BooleanSetting>
	<ul class="setting-list suboptions">
	<li>
	<BooleanSetting
	path="showChatsInExtraNotifications"
	:disabled="!mergedConfig.showExtraNotifications"
	>
	{{ $t('settings.notification_extra_chats') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	path="showAnnouncementsInExtraNotifications"
	:disabled="!mergedConfig.showExtraNotifications"
	>
	{{ $t('settings.notification_extra_announcements') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	path="showFollowRequestsInExtraNotifications"
	:disabled="!mergedConfig.showExtraNotifications"
	>
	{{ $t('settings.notification_extra_follow_requests') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	path="showExtraNotificationsTip"
	:disabled="!mergedConfig.showExtraNotifications"
	>
	{{ $t('settings.notification_extra_tip') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	</ul>
	</div>

	<div
	v-if="expertLevel > 0"
	class="setting-section"
	>
	<h3>{{ $t('settings.notification_setting_privacy') }}</h3>
	<ul class="setting-list">
	<li>
	<BooleanSetting
	path="webPushNotifications"
	expert="1"
	>
	{{ $t('settings.enable_web_push_notifications') }}
	</BooleanSetting>
	<ul class="setting-list suboptions">
	<li>
	<BooleanSetting
	path="webPushAlwaysShowNotifications"
	:disabled="!mergedConfig.webPushNotifications"
	>
	{{ $t('settings.enable_web_push_always_show') }}
	</BooleanSetting>
	<p
	:class="{ faint: !mergedConfig.webPushNotifications }"
	class="sidenote"
	>
	{{ $t('settings.enable_web_push_always_show_tip') }}
	</p>
	</li>
	</ul>
	</li>
	<li>
	<BooleanSetting
	source="profile"
	path="webPushHideContents"
	expert="1"
	>
	{{ $t('settings.notification_setting_hide_notification_contents') }}
	</BooleanSetting>
	</li>
	</ul>
	</div>
	<p class="sidenote">
	<ul>
	<li>{{ $t('settings.notification_mutes') }}</li>
	<li>{{ $t('settings.notification_blocks') }}</li>
	</ul>
	</p>
	</div>
	</template>

	<script src="./notifications_tab.js"></script>
	<!-- <style lang="scss" src="./profile.scss"></style> -->
	diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
	index edab1c19d0..80064daf8c 100644
	--- a/src/components/settings_modal/tabs/profile_tab.vue
	+++ b/src/components/settings_modal/tabs/profile_tab.vue
	@@ -1,92 +1,92 @@
	<template>
	<div class="profile-tab">
	<div class="setting-section profile-edit">
	<UserCard
	:user-id="user.id"
	:editable="true"
	:switcher="false"
	/>
	</div>
	<div class="setting-section">
	<h3>{{ $t('settings.account_privacy') }}</h3>
	<ul class="setting-list">
	<li>
	<div class="setting-item">
	<Checkbox
	- class="setting-label setting-control custom-boolean-setting"
	v-model="locked"
	+ class="setting-label setting-control custom-boolean-setting"
	>
	<ProfileSettingIndicator :is-profile="true" />
	{{ $t('settings.lock_account_description') }}
	</Checkbox>
	</div>
	</li>
	<li>
	<BooleanSetting
	source="profile"
	path="discoverable"
	>
	{{ $t('settings.discoverable') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	source="profile"
	path="allowFollowingMove"
	>
	{{ $t('settings.allow_following_move') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	source="profile"
	path="hideFavorites"
	>
	{{ $t('settings.hide_favorites_description') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	source="profile"
	path="hideFollowers"
	>
	{{ $t('settings.hide_followers_description') }}
	</BooleanSetting>
	<ul class="setting-list suboptions">
	<li>
	<BooleanSetting
	source="profile"
	path="hideFollowersCount"
	parent-path="hideFollowers"
	>
	{{ $t('settings.hide_followers_count_description') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<BooleanSetting
	source="profile"
	path="hideFollows"
	>
	{{ $t('settings.hide_follows_description') }}
	</BooleanSetting>
	<ul class="setting-list suboptions">
	<li>
	<BooleanSetting
	source="profile"
	path="hideFollowsCount"
	parent-path="hideFollows"
	>
	{{ $t('settings.hide_follows_count_description') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	</ul>
	</div>
	</div>
	</template>

	<script src="./profile_tab.js"></script>
	<style lang="scss" src="./profile_tab.scss"></style>

File Metadata

Mime Type: text/x-diff
Expires: Thu, Oct 29, 1:23 PM (1 d, 2 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1798134
Default Alt Text: (57 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions