Scroll into opened Setting

website/client/src/pages/settings/components/genericUserPreferencesMixin.js

@@ -1,4 +1,4 @@
-export const GenericSettingMixin = {
+export const GenericUserPreferencesMixin = {
   methods: {
     setUserPreference (preferenceType, subtype) {
       const settings = {};

website/client/src/pages/settings/components/inlineSettingMixin.js

@@ -44,6 +44,10 @@ export const InlineSettingMixin = {
     _openIt () {
       this.sharedState.markAsOpened(this);
       this.modalVisible = true;
+
+      this.$el.scrollTo({
+        behavior: 'smooth',
+      });
     },
     _hidePrevious () {
       this.sharedState.instanceOfCurrentlyOpened.resetControls();

website/client/src/pages/settings/inlineSettings/audioThemeSetting.vue

@@ -121,13 +121,13 @@ import { mapState } from '@/libs/store';
 import SaveCancelButtons from '../components/saveCancelButtons.vue';
 import { InlineSettingMixin } from '../components/inlineSettingMixin';
 import SelectList from '@/components/ui/selectList';
-import { GenericSettingMixin } from '../components/genericSettingMixin';
+import { GenericUserPreferencesMixin } from '../components/genericUserPreferencesMixin';
 import sounds from '@/libs/sounds';
 import ToggleSwitch from '@/components/ui/toggleSwitch.vue';
 
 export default {
   components: { ToggleSwitch, SelectList, SaveCancelButtons },
-  mixins: [InlineSettingMixin, GenericSettingMixin],
+  mixins: [InlineSettingMixin, GenericUserPreferencesMixin],
   data () {
     return {
       soundIndex: 0,

website/client/src/pages/settings/inlineSettings/dateFormatSetting.vue

@@ -77,11 +77,11 @@ import { mapState } from '@/libs/store';
 import SaveCancelButtons from '../components/saveCancelButtons.vue';
 import { InlineSettingMixin } from '../components/inlineSettingMixin';
 import SelectList from '@/components/ui/selectList';
-import { GenericSettingMixin } from '../components/genericSettingMixin';
+import { GenericUserPreferencesMixin } from '../components/genericUserPreferencesMixin';
 
 export default {
   components: { SelectList, SaveCancelButtons },
-  mixins: [InlineSettingMixin, GenericSettingMixin],
+  mixins: [InlineSettingMixin, GenericUserPreferencesMixin],
   data () {
     return {
       selectedFormat: '',

website/client/src/pages/settings/inlineSettings/headerSettings.vue

@@ -44,12 +44,12 @@ import { mapState } from '@/libs/store';
 
 import { InlineSettingMixin } from '../components/inlineSettingMixin';
 import ToggleSwitch from '@/components/ui/toggleSwitch.vue';
-import { GenericSettingMixin } from '../components/genericSettingMixin';
+import { GenericUserPreferencesMixin } from '../components/genericUserPreferencesMixin';
 
 
 export default {
   components: { ToggleSwitch },
-  mixins: [InlineSettingMixin, GenericSettingMixin],
+  mixins: [InlineSettingMixin, GenericUserPreferencesMixin],
   computed: {
     ...mapState({
       user: 'user.data',

website/client/src/pages/settings/inlineSettings/languageSetting.vue

@@ -89,11 +89,11 @@ import { mapState } from '@/libs/store';
 import SaveCancelButtons from '../components/saveCancelButtons.vue';
 import { InlineSettingMixin } from '../components/inlineSettingMixin';
 import SelectList from '@/components/ui/selectList';
-import { GenericSettingMixin } from '../components/genericSettingMixin';
+import { GenericUserPreferencesMixin } from '../components/genericUserPreferencesMixin';
 
 export default {
   components: { SelectList, SaveCancelButtons },
-  mixins: [InlineSettingMixin, GenericSettingMixin],
+  mixins: [InlineSettingMixin, GenericUserPreferencesMixin],
   data () {
     return {
       selectedLanguage: '',