No OneTemporary
Actions

Size

28 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
	index 1d6c760ef0..ad62484d6e 100644
	--- a/src/components/emoji_input/emoji_input.vue
	+++ b/src/components/emoji_input/emoji_input.vue
	@@ -1,184 +1,184 @@
	<template>
	<div
	v-click-outside="onClickOutside"
	class="emoji-input"
	:class="{ 'with-picker': !hideEmojiButton }"
	>
	<slot />
	<template v-if="enableEmojiPicker">
	<button
	v-if="!hideEmojiButton"
	class="button-unstyled emoji-picker-icon"
	- @click.prevent="togglePicker"
	type="button"
	+ @click.prevent="togglePicker"
	>
	<FAIcon :icon="['far', 'smile-beam']" />
	</button>
	<EmojiPicker
	v-if="enableEmojiPicker"
	ref="picker"
	:class="{ hide: !showPicker }"
	:enable-sticker-picker="enableStickerPicker"
	class="emoji-picker-panel"
	@emoji="insert"
	@sticker-uploaded="onStickerUploaded"
	@sticker-upload-failed="onStickerUploadFailed"
	/>
	</template>
	<div
	ref="panel"
	class="autocomplete-panel"
	:class="{ hide: !showSuggestions }"
	>
	<div
	ref="panel-body"
	class="autocomplete-panel-body"
	>
	<div
	v-for="(suggestion, index) in suggestions"
	:key="index"
	class="autocomplete-item"
	:class="{ highlighted: index === highlighted }"
	@click.stop.prevent="onClick($event, suggestion)"
	>
	<span class="image">
	<img
	v-if="suggestion.img"
	:src="suggestion.img"
	>
	<span v-else>{{ suggestion.replacement }}</span>
	</span>
	<div class="label">
	<span class="displayText">{{ suggestion.displayText }}</span>
	<span class="detailText">{{ suggestion.detailText }}</span>
	</div>
	</div>
	</div>
	</div>
	</div>
	</template>

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

	<style lang="scss">
	@import '../../_variables.scss';

	.emoji-input {
	display: flex;
	flex-direction: column;
	position: relative;

	&.with-picker input {
	padding-right: 30px;
	}

	.emoji-picker-icon {
	position: absolute;
	top: 0;
	right: 0;
	margin: .2em .25em;
	font-size: 16px;
	cursor: pointer;
	line-height: 24px;

	&:hover i {
	color: $fallback--text;
	color: var(--text, $fallback--text);
	}
	}
	.emoji-picker-panel {
	position: absolute;
	z-index: 20;
	margin-top: 2px;

	&.hide {
	display: none
	}
	}

	.autocomplete {
	&-panel {
	position: absolute;
	z-index: 20;
	margin-top: 2px;

	&.hide {
	display: none
	}

	&-body {
	margin: 0 0.5em 0 0.5em;
	border-radius: $fallback--tooltipRadius;
	border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: var(--popupShadow);
	min-width: 75%;
	background-color: $fallback--bg;
	background-color: var(--popover, $fallback--bg);
	color: $fallback--link;
	color: var(--popoverText, $fallback--link);
	--faint: var(--popoverFaintText, $fallback--faint);
	--faintLink: var(--popoverFaintLink, $fallback--faint);
	--lightText: var(--popoverLightText, $fallback--lightText);
	--postLink: var(--popoverPostLink, $fallback--link);
	--postFaintLink: var(--popoverPostFaintLink, $fallback--link);
	--icon: var(--popoverIcon, $fallback--icon);
	}
	}

	&-item {
	display: flex;
	cursor: pointer;
	padding: 0.2em 0.4em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	height: 32px;

	.image {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 32px;

	margin-right: 4px;

	img {
	width: 32px;
	height: 32px;
	object-fit: contain;
	}
	}

	.label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 0.1em 0 0.2em;

	.displayText {
	line-height: 1.5;
	}

	.detailText {
	font-size: 9px;
	line-height: 9px;
	}
	}

	&.highlighted {
	background-color: $fallback--fg;
	background-color: var(--selectedMenuPopover, $fallback--fg);
	color: var(--selectedMenuPopoverText, $fallback--text);
	--faint: var(--selectedMenuPopoverFaintText, $fallback--faint);
	--faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);
	--lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);
	--icon: var(--selectedMenuPopoverIcon, $fallback--icon);
	}
	}
	}

	input, textarea {
	flex: 1 0 auto;
	}
	}
	</style>
	diff --git a/src/components/mfa_form/recovery_form.vue b/src/components/mfa_form/recovery_form.vue
	index 8457ec5d86..7c59422837 100644
	--- a/src/components/mfa_form/recovery_form.vue
	+++ b/src/components/mfa_form/recovery_form.vue
	@@ -1,68 +1,68 @@
	<template>
	<div class="login panel panel-default">
	<!-- Default panel contents -->

	<div class="panel-heading">
	{{ $t('login.heading.recovery') }}
	</div>

	<div class="panel-body">
	<form
	class="login-form"
	@submit.prevent="submit"
	>
	<div class="form-group">
	<label for="code">{{ $t('login.recovery_code') }}</label>
	<input
	id="code"
	v-model="code"
	class="form-control"
	>
	</div>

	<div class="form-group">
	<div class="login-bottom">
	<div>
	<button
	class="button-unstyled -link"
	- @click.prevent="requireTOTP"
	type="button"
	+ @click.prevent="requireTOTP"
	>
	{{ $t('login.enter_two_factor_code') }}
	</button>
	<br>
	<button
	class="button-unstyled -link"
	- @click.prevent="abortMFA"
	type="button"
	+ @click.prevent="abortMFA"
	>
	{{ $t('general.cancel') }}
	</button>
	</div>
	<button
	type="submit"
	class="btn button-default"
	>
	{{ $t('general.verify') }}
	</button>
	</div>
	</div>
	</form>
	</div>

	<div
	v-if="error"
	class="form-group"
	>
	<div class="alert error">
	{{ error }}
	<FAIcon
	class="fa-scale-110 fa-old-padding"
	icon="times"
	@click="clearError"
	/>
	</div>
	</div>
	</div>
	</template>
	<script src="./recovery_form.js" ></script>
	diff --git a/src/components/mfa_form/totp_form.vue b/src/components/mfa_form/totp_form.vue
	index 5d80e1852e..4ee1399245 100644
	--- a/src/components/mfa_form/totp_form.vue
	+++ b/src/components/mfa_form/totp_form.vue
	@@ -1,71 +1,71 @@
	<template>
	<div class="login panel panel-default">
	<!-- Default panel contents -->

	<div class="panel-heading">
	{{ $t('login.heading.totp') }}
	</div>

	<div class="panel-body">
	<form
	class="login-form"
	@submit.prevent="submit"
	>
	<div class="form-group">
	<label for="code">
	{{ $t('login.authentication_code') }}
	</label>
	<input
	id="code"
	v-model="code"
	class="form-control"
	>
	</div>

	<div class="form-group">
	<div class="login-bottom">
	<div>
	<button
	class="button-unstyled -link"
	- @click.prevent="requireRecovery"
	type="button"
	+ @click.prevent="requireRecovery"
	>
	{{ $t('login.enter_recovery_code') }}
	</button>
	<br>
	<button
	class="button-unstyled -link"
	- @click.prevent="abortMFA"
	type="button"
	+ @click.prevent="abortMFA"
	>
	{{ $t('general.cancel') }}
	</button>
	</div>
	<button
	type="submit"
	class="btn button-default"
	>
	{{ $t('general.verify') }}
	</button>
	</div>
	</div>
	</form>
	</div>

	<div
	v-if="error"
	class="form-group"
	>
	<div class="alert error">
	{{ error }}
	<FAIcon
	size="lg"
	class="fa-scale-110 fa-old-padding"
	icon="times"
	@click="clearError"
	/>
	</div>
	</div>
	</div>
	</template>
	<script src="./totp_form.js"></script>
	diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue
	index 876dd61d67..bacbc5904d 100644
	--- a/src/components/popover/popover.vue
	+++ b/src/components/popover/popover.vue
	@@ -1,128 +1,128 @@
	<template>
	<div
	@mouseenter="onMouseenter"
	@mouseleave="onMouseleave"
	>
	<button
	ref="trigger"
	class="button-unstyled -fullwidth popover-trigger-button"
	- @click="onClick"
	type="button"
	+ @click="onClick"
	>
	<slot name="trigger" />
	</button>
	<div
	v-if="!hidden"
	ref="content"
	:style="styles"
	class="popover"
	:class="popoverClass \|\| 'popover-default'"
	>
	<slot
	name="content"
	class="popover-inner"
	:close="hidePopover"
	/>
	</div>
	</div>
	</template>

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

	<style lang="scss">
	@import '../../_variables.scss';

	.popover-trigger-button {
	display: block;
	}

	.popover {
	z-index: 8;
	position: absolute;
	min-width: 0;
	}

	.popover-default {
	transition: opacity 0.3s;

	box-shadow: 1px 1px 4px rgba(0,0,0,.6);
	box-shadow: var(--panelShadow);
	border-radius: $fallback--btnRadius;
	border-radius: var(--btnRadius, $fallback--btnRadius);

	background-color: $fallback--bg;
	background-color: var(--popover, $fallback--bg);
	color: $fallback--text;
	color: var(--popoverText, $fallback--text);
	--faint: var(--popoverFaintText, $fallback--faint);
	--faintLink: var(--popoverFaintLink, $fallback--faint);
	--lightText: var(--popoverLightText, $fallback--lightText);
	--postLink: var(--popoverPostLink, $fallback--link);
	--postFaintLink: var(--popoverPostFaintLink, $fallback--link);
	--icon: var(--popoverIcon, $fallback--icon);
	}

	.dropdown-menu {
	display: block;
	padding: .5rem 0;
	font-size: 1rem;
	text-align: left;
	list-style: none;
	max-width: 100vw;
	z-index: 10;
	white-space: nowrap;

	.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid $fallback--border;
	border-top: 1px solid var(--border, $fallback--border);
	}

	.dropdown-item {
	line-height: 21px;
	margin-right: 5px;
	overflow: auto;
	display: block;
	padding: .25rem 1.0rem .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	white-space: nowrap;
	border: none;
	border-radius: 0px;
	background-color: transparent;
	box-shadow: none;
	width: 100%;
	height: 100%;
	box-sizing: border-box;

	--btnText: var(--popoverText, $fallback--text);

	&-icon {
	padding-left: 0.5rem;

	svg {
	margin-right: 0.25rem;
	color: var(--menuPopoverIcon, $fallback--icon)
	}
	}

	&:active, &:hover {
	background-color: $fallback--lightBg;
	background-color: var(--selectedMenuPopover, $fallback--lightBg);
	color: $fallback--link;
	color: var(--selectedMenuPopoverText, $fallback--link);
	--faint: var(--selectedMenuPopoverFaintText, $fallback--faint);
	--faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);
	--lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);
	--icon: var(--selectedMenuPopoverIcon, $fallback--icon);
	svg {
	color: var(--selectedMenuPopoverIcon, $fallback--icon);
	}
	}

	}
	}
	</style>
	diff --git a/src/components/scope_selector/scope_selector.vue b/src/components/scope_selector/scope_selector.vue
	index 60e8c3baea..a01242fc1c 100644
	--- a/src/components/scope_selector/scope_selector.vue
	+++ b/src/components/scope_selector/scope_selector.vue
	@@ -1,81 +1,81 @@
	<template>
	<div
	v-if="!showNothing"
	class="ScopeSelector"
	>
	<button
	v-if="showDirect"
	class="button-unstyled scope"
	:class="css.direct"
	:title="$t('post_status.scope.direct')"
	- @click="changeVis('direct')"
	type="button"
	+ @click="changeVis('direct')"
	>
	<FAIcon
	icon="envelope"
	class="fa-scale-110 fa-old-padding"
	/>
	</button>
	<button
	v-if="showPrivate"
	class="button-unstyled scope"
	:class="css.private"
	:title="$t('post_status.scope.private')"
	- @click="changeVis('private')"
	type="button"
	+ @click="changeVis('private')"
	>
	<FAIcon
	icon="lock"
	class="fa-scale-110 fa-old-padding"
	/>
	</button>
	<button
	v-if="showUnlisted"
	class="button-unstyled scope"
	:class="css.unlisted"
	:title="$t('post_status.scope.unlisted')"
	- @click="changeVis('unlisted')"
	type="button"
	+ @click="changeVis('unlisted')"
	>
	<FAIcon
	icon="lock-open"
	class="fa-scale-110 fa-old-padding"
	/>
	</button>
	<button
	v-if="showPublic"
	class="button-unstyled scope"
	:class="css.public"
	:title="$t('post_status.scope.public')"
	- @click="changeVis('public')"
	type="button"
	+ @click="changeVis('public')"
	>
	<FAIcon
	icon="globe"
	class="fa-scale-110 fa-old-padding"
	/>
	</button>
	</div>
	</template>

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

	<style lang="scss">
	@import '../../_variables.scss';

	.ScopeSelector {

	.scope {
	display: inline-block;
	cursor: pointer;
	min-width: 1.3em;
	min-height: 1.3em;
	text-align: center;

	&.selected svg {
	color: $fallback--lightText;
	color: var(--lightText, $fallback--lightText);
	}
	}
	}
	</style>
	diff --git a/src/components/search/search.vue b/src/components/search/search.vue
	index fa64836541..b7bfc1f395 100644
	--- a/src/components/search/search.vue
	+++ b/src/components/search/search.vue
	@@ -1,213 +1,213 @@
	<template>
	<div class="panel panel-default">
	<div class="panel-heading">
	<div class="title">
	{{ $t('nav.search') }}
	</div>
	</div>
	<div class="search-input-container">
	<input
	ref="searchInput"
	v-model="searchTerm"
	class="search-input"
	:placeholder="$t('nav.search')"
	@keyup.enter="newQuery(searchTerm)"
	>
	<button
	class="btn button-default search-button"
	- @click="newQuery(searchTerm)"
	type="submit"
	+ @click="newQuery(searchTerm)"
	>
	<FAIcon icon="search" />
	</button>
	</div>
	<div
	v-if="loading"
	class="text-center loading-icon"
	>
	<FAIcon
	icon="circle-notch"
	spin
	size="lg"
	/>
	</div>
	<div v-else-if="loaded">
	<div class="search-nav-heading">
	<tab-switcher
	ref="tabSwitcher"
	:on-switch="onResultTabSwitch"
	:active-tab="currenResultTab"
	>
	<span
	key="statuses"
	:label="$t('user_card.statuses') + resultCount('visibleStatuses')"
	/>
	<span
	key="people"
	:label="$t('search.people') + resultCount('users')"
	/>
	<span
	key="hashtags"
	:label="$t('search.hashtags') + resultCount('hashtags')"
	/>
	</tab-switcher>
	</div>
	</div>
	<div class="panel-body">
	<div v-if="currenResultTab === 'statuses'">
	<div
	v-if="visibleStatuses.length === 0 && !loading && loaded"
	class="search-result-heading"
	>
	<h4>{{ $t('search.no_results') }}</h4>
	</div>
	<Status
	v-for="status in visibleStatuses"
	:key="status.id"
	:collapsable="false"
	:expandable="false"
	:compact="false"
	class="search-result"
	:statusoid="status"
	:no-heading="false"
	/>
	</div>
	<div v-else-if="currenResultTab === 'people'">
	<div
	v-if="users.length === 0 && !loading && loaded"
	class="search-result-heading"
	>
	<h4>{{ $t('search.no_results') }}</h4>
	</div>
	<FollowCard
	v-for="user in users"
	:key="user.id"
	:user="user"
	class="list-item search-result"
	/>
	</div>
	<div v-else-if="currenResultTab === 'hashtags'">
	<div
	v-if="hashtags.length === 0 && !loading && loaded"
	class="search-result-heading"
	>
	<h4>{{ $t('search.no_results') }}</h4>
	</div>
	<div
	v-for="hashtag in hashtags"
	:key="hashtag.url"
	class="status trend search-result"
	>
	<div class="hashtag">
	<router-link :to="{ name: 'tag-timeline', params: { tag: hashtag.name } }">
	#{{ hashtag.name }}
	</router-link>
	<div v-if="lastHistoryRecord(hashtag)">
	<span v-if="lastHistoryRecord(hashtag).accounts == 1">
	{{ $t('search.person_talking', { count: lastHistoryRecord(hashtag).accounts }) }}
	</span>
	<span v-else>
	{{ $t('search.people_talking', { count: lastHistoryRecord(hashtag).accounts }) }}
	</span>
	</div>
	</div>
	<div
	v-if="lastHistoryRecord(hashtag)"
	class="count"
	>
	{{ lastHistoryRecord(hashtag).uses }}
	</div>
	</div>
	</div>
	</div>
	<div class="search-result-footer text-center panel-footer faint" />
	</div>
	</template>

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

	<style lang="scss">
	@import '../../_variables.scss';

	.search-result-heading {
	color: $fallback--faint;
	color: var(--faint, $fallback--faint);
	padding: 0.75rem;
	text-align: center;
	}

	@media all and (max-width: 800px) {
	.search-nav-heading {
	.tab-switcher .tabs .tab-wrapper {
	display: block;
	justify-content: center;
	flex: 1 1 auto;
	text-align: center;
	}
	}
	}

	.search-result {
	box-sizing: border-box;
	border-bottom: 1px solid;
	border-color: $fallback--border;
	border-color: var(--border, $fallback--border);
	}

	.search-result-footer {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: var(--border, $fallback--border);
	padding: 10px;
	background-color: $fallback--fg;
	background-color: var(--panel, $fallback--fg);
	}

	.search-input-container {
	padding: 0.8rem;
	display: flex;
	justify-content: center;

	.search-input {
	width: 100%;
	line-height: 1.125rem;
	font-size: 1rem;
	padding: 0.5rem;
	box-sizing: border-box;
	}

	.search-button {
	margin-left: 0.5em;
	}
	}

	.loading-icon {
	padding: 1em;
	}

	.trend {
	display: flex;
	align-items: center;

	.hashtag {
	flex: 1 1 auto;
	color: $fallback--text;
	color: var(--text, $fallback--text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	.count {
	flex: 0 0 auto;
	width: 2rem;
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-weight: 500;
	text-align: center;
	color: $fallback--text;
	color: var(--text, $fallback--text);
	}
	}

	</style>
	diff --git a/src/components/search_bar/search_bar.vue b/src/components/search_bar/search_bar.vue
	index a7432dcba8..222f57ba33 100644
	--- a/src/components/search_bar/search_bar.vue
	+++ b/src/components/search_bar/search_bar.vue
	@@ -1,88 +1,88 @@
	<template>
	<div
	class="SearchBar"
	:class="{ '-expanded': !hidden }"
	>
	<button
	v-if="hidden"
	class="button-unstyled nav-icon"
	:title="$t('nav.search')"
	- @click.prevent.stop="toggleHidden"
	type="button"
	+ @click.prevent.stop="toggleHidden"
	>
	<FAIcon
	fixed-width
	class="fa-scale-110 fa-old-padding"
	icon="search"
	/>
	</button>
	<template v-else>
	<input
	id="search-bar-input"
	ref="searchInput"
	v-model="searchTerm"
	class="search-bar-input"
	:placeholder="$t('nav.search')"
	type="text"
	@keyup.enter="find(searchTerm)"
	>
	<button
	class="button-default search-button"
	- @click="find(searchTerm)"
	type="submit"
	+ @click="find(searchTerm)"
	>
	<FAIcon
	fixed-width
	icon="search"
	/>
	</button>
	<button
	class="button-unstyled cancel-search"
	- @click.prevent.stop="toggleHidden"
	type="button"
	+ @click.prevent.stop="toggleHidden"
	>
	<FAIcon
	fixed-width
	icon="times"
	class="cancel-icon fa-scale-110 fa-old-padding"
	/>
	</button>
	</template>
	</div>
	</template>

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

	<style lang="scss">
	@import '../../_variables.scss';

	.SearchBar {
	display: inline-flex;
	align-items: baseline;
	vertical-align: baseline;
	justify-content: flex-end;

	&.-expanded {
	width: 100%;
	}

	.search-bar-input,
	.search-button {
	height: 29px;
	}

	.search-bar-input {
	flex: 1 0 auto;
	}

	.cancel-search {
	height: 50px;
	}

	.cancel-icon {
	color: $fallback--text;
	color: var(--btnTopBarText, $fallback--text);
	}
	}

	</style>
	diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
	index b600b63b57..146ad6c125 100644
	--- a/src/components/settings_modal/helpers/boolean_setting.vue
	+++ b/src/components/settings_modal/helpers/boolean_setting.vue
	@@ -1,57 +1,57 @@
	<template>
	<label
	class="BooleanSetting"
	>
	<Checkbox
	:checked="state"
	- @change="update"
	:disabled="disabled"
	+ @change="update"
	>
	<span
	v-if="!!$slots.default"
	class="label"
	- >
	+ >
	<slot />
	</span>
	<ModifiedIndicator :changed="isChanged" />
	</Checkbox>
	</label>
	</template>

	<script>
	import { get, set } from 'lodash'
	import Checkbox from 'src/components/checkbox/checkbox.vue'
	import ModifiedIndicator from './modified_indicator.vue'
	export default {
	- props: [
	- 'path',
	- 'disabled'
	- ],
	components: {
	Checkbox,
	ModifiedIndicator
	},
	+ props: [
	+ 'path',
	+ 'disabled'
	+ ],
	computed: {
	pathDefault () {
	const [firstSegment, ...rest] = this.path.split('.')
	return [firstSegment + 'DefaultValue', ...rest].join('.')
	},
	state () {
	return get(this.$parent, this.path)
	},
	isChanged () {
	return get(this.$parent, this.path) !== get(this.$parent, this.pathDefault)
	}
	},
	methods: {
	update (e) {
	set(this.$parent, this.path, e)
	}
	}
	}
	</script>

	<style lang="scss">
	.BooleanSetting {
	}
	</style>
	diff --git a/src/components/settings_modal/helpers/modified_indicator.vue b/src/components/settings_modal/helpers/modified_indicator.vue
	index b75a28114f..9f4e81fec5 100644
	--- a/src/components/settings_modal/helpers/modified_indicator.vue
	+++ b/src/components/settings_modal/helpers/modified_indicator.vue
	@@ -1,51 +1,51 @@
	<template>
	<span
	v-if="changed"
	class="ModifiedIndicator"
	- >
	+ >
	<Popover
	trigger="hover"
	- >
	+ >
	<span slot="trigger">

	- <FAIcon
	- icon="wrench"
	- />
	+ <FAIcon
	+ icon="wrench"
	+ />
	</span>
	<div
	- class="modified-tooltip"
	slot="content"
	- >
	- {{ $t('settings.setting_changed') }}
	+ class="modified-tooltip"
	+ >
	+ {{ $t('settings.setting_changed') }}
	</div>
	</Popover>
	</span>
	</template>

	<script>
	import Popover from 'src/components/popover/popover.vue'
	import { library } from '@fortawesome/fontawesome-svg-core'
	import { faWrench } from '@fortawesome/free-solid-svg-icons'

	library.add(
	faWrench
	)

	export default {
	- props: ['changed'],
	- components: { Popover }
	+ components: { Popover },
	+ props: ['changed']
	}
	</script>

	<style lang="scss">
	.ModifiedIndicator {
	display: inline-block;
	position: relative;

	.modified-tooltip {
	margin: 0.5em 1em;
	min-width: 10em;
	text-align: center;
	}
	}
	</style>
	diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
	index 18dd4be98a..402c2a4aa6 100644
	--- a/src/components/settings_modal/tabs/filtering_tab.vue
	+++ b/src/components/settings_modal/tabs/filtering_tab.vue
	@@ -1,90 +1,90 @@
	<template>
	<div :label="$t('settings.filtering')">
	<div class="setting-item">
	<div class="select-multiple">
	<span class="label">{{ $t('settings.notification_visibility') }}</span>
	<ul class="option-list">
	<li>
	<BooleanSetting path="notificationVisibility.likes">
	{{ $t('settings.notification_visibility_likes') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationVisibility.repeats">
	{{ $t('settings.notification_visibility_repeats') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationVisibility.follows">
	{{ $t('settings.notification_visibility_follows') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationVisibility.mentions">
	{{ $t('settings.notification_visibility_mentions') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationVisibility.moves">
	{{ $t('settings.notification_visibility_moves') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="notificationVisibility.emojiReactions">
	{{ $t('settings.notification_visibility_emoji_reactions') }}
	</BooleanSetting>
	</li>
	</ul>
	</div>
	<div>
	{{ $t('settings.replies_in_timeline') }}
	<label
	for="replyVisibility"
	class="select"
	>
	<select
	id="replyVisibility"
	v-model="replyVisibility"
	>
	<option
	value="all"
	selected
	>{{ $t('settings.reply_visibility_all') }}</option>
	<option value="following">{{ $t('settings.reply_visibility_following') }}</option>
	<option value="self">{{ $t('settings.reply_visibility_self') }}</option>
	</select>
	<FAIcon
	class="select-down-icon"
	icon="chevron-down"
	/>
	</label>
	</div>
	<div>
	<BooleanSetting path="hidePostStats">
	{{ $t('settings.hide_post_stats') }}
	</BooleanSetting>
	</div>
	<div>
	<BooleanSetting path="hideUserStats">
	{{ $t('settings.hide_user_stats') }}
	</BooleanSetting>
	</div>
	</div>
	<div class="setting-item">
	<div>
	<p>{{ $t('settings.filtering_explanation') }}</p>
	<textarea
	id="muteWords"
	- class="resize-height"
	v-model="muteWordsString"
	+ class="resize-height"
	/>
	</div>
	<div>
	<BooleanSetting path="hideFilteredStatuses">
	{{ $t('settings.hide_filtered_statuses') }}
	</BooleanSetting>
	</div>
	</div>
	</div>
	</template>
	<script src="./filtering_tab.js"></script>

File Metadata

Mime Type: text/x-diff
Expires: Sat, Aug 29, 11:23 PM (1 d, 17 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1737613
Default Alt Text: (28 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions