diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue index de8209e26..411fd8772 100644 --- a/src/components/settings_modal/tabs/general_tab.vue +++ b/src/components/settings_modal/tabs/general_tab.vue @@ -69,6 +69,22 @@ {{ $t('settings.user_popover_avatar_overlay') }} +
  • + + {{ $t('settings.user_card_left_justify') }} + +
  • +
  • + + {{ $t('settings.user_card_hide_personal_marks') }} + +
  • -
    +
    /* popover styles load on-demand, so we need to override */ /* stylelint-disable block-no-empty */ -.user-popover{ +.user-popover { + margin-bottom: 0.6em; + .user-card-inner { display: flex; } diff --git a/src/i18n/en.json b/src/i18n/en.json index e7a17253a..c83ba46ae 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -797,6 +797,8 @@ "user_popover_avatar_action_close": "Close the popover", "user_popover_avatar_action_open": "Open profile", "user_popover_avatar_overlay": "Show user popover over user avatar", + "user_card_left_justify": "Justify user bio to the left", + "user_card_hide_personal_marks": "Hide personal marks (highlight/note) in user profiles", "fun": "Fun", "greentext": "Meme arrows", "show_yous": "Show (You)s", diff --git a/src/modules/default_config_state.js b/src/modules/default_config_state.js index 8ccf79e70..045cb407a 100644 --- a/src/modules/default_config_state.js +++ b/src/modules/default_config_state.js @@ -126,6 +126,8 @@ export const defaultState = { showScrollbars: false, userPopoverAvatarAction: 'open', userPopoverOverlay: false, + userCardLeftJustify: false, + userCardHidePersonalMarks: false, sidebarColumnWidth: '25rem', contentColumnWidth: '45rem', notifsColumnWidth: '25rem',