diff --git a/changelog.d/batch2.skip b/changelog.d/batch2.skip new file mode 100644 index 000000000..e69de29bb diff --git a/changelog.d/mutes.change b/changelog.d/mutes.change index f55a8abbf..fa13609bb 100644 --- a/changelog.d/mutes.change +++ b/changelog.d/mutes.change @@ -1 +1 @@ -better display of mutes +better display of mute reason on posts diff --git a/src/components/button.style.js b/src/components/button.style.js index 747cfd5eb..410d2f7e0 100644 --- a/src/components/button.style.js +++ b/src/components/button.style.js @@ -35,11 +35,11 @@ export default { { component: 'Root', directives: { - '--buttonDefaultHoverGlow': 'shadow | 0 0 4 --text / 0.5', - '--buttonDefaultFocusGlow': 'shadow | 0 0 4 4 --link / 0.5', + '--buttonDefaultHoverGlow': 'shadow | 0 0 1 2 --text / 0.4', + '--buttonDefaultFocusGlow': 'shadow | 0 0 1 2 --link / 0.5', '--buttonDefaultShadow': 'shadow | 0 0 2 #000000', - '--buttonDefaultBevel': 'shadow | $borderSide(#FFFFFF top 0.2 2), $borderSide(#000000 bottom 0.2 2)', - '--buttonPressedBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2 2), $borderSide(#000000 top 0.2 2)' + '--buttonDefaultBevel': 'shadow | $borderSide(#FFFFFF top 0.2 1), $borderSide(#000000 bottom 0.2 1)', + '--buttonPressedBevel': 'shadow | inset 0 0 4 #000000, $borderSide(#FFFFFF bottom 0.2 1), $borderSide(#000000 top 0.2 1)' } }, { @@ -78,28 +78,28 @@ export default { { state: ['toggled'], directives: { - background: '--inheritedBackground,-14.2', + background: '--accent,-24.2', shadow: ['--buttonDefaultShadow', '--buttonPressedBevel'] } }, { state: ['toggled', 'hover'], directives: { - background: '--inheritedBackground,-14.2', + background: '--accent,-24.2', shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel'] } }, { state: ['toggled', 'disabled'], directives: { - background: '$blend(--inheritedBackground 0.25 --parent)', + background: '$blend(--accent 0.25 --parent)', shadow: ['--buttonPressedBevel'] } }, { state: ['disabled'], directives: { - background: '$blend(--inheritedBackground 0.25 --parent)', + background: '$blend(--accent 0.25 --parent)', shadow: ['--buttonDefaultBevel'] } }, diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js index ebe09814c..530a1ec70 100644 --- a/src/components/chat_message/chat_message.js +++ b/src/components/chat_message/chat_message.js @@ -66,7 +66,6 @@ const ChatMessage = { return this.message.attachments.length > 0 }, ...mapState({ - betterShadow: state => state.interface.browserSupport.cssFilter, currentUser: state => state.users.currentUser, restrictedNicknames: state => state.instance.restrictedNicknames }), diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue index 166889d71..7e3498197 100644 --- a/src/components/chat_message/chat_message.vue +++ b/src/components/chat_message/chat_message.vue @@ -20,7 +20,6 @@ > diff --git a/src/components/dialog_modal/dialog_modal.js b/src/components/dialog_modal/dialog_modal.js index f14e3fe9a..b39851fe7 100644 --- a/src/components/dialog_modal/dialog_modal.js +++ b/src/components/dialog_modal/dialog_modal.js @@ -8,6 +8,11 @@ const DialogModal = { default: () => {}, type: Function } + }, + computed: { + mobileCenter () { + return this.$store.getters.mergedConfig.modalMobileCenter + } } } diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue index 096c8ac8c..1eb88efb5 100644 --- a/src/components/dialog_modal/dialog_modal.vue +++ b/src/components/dialog_modal/dialog_modal.vue @@ -1,7 +1,7 @@ @@ -134,6 +138,15 @@ min-width: 20em; max-width: 20em; } + + .font-input { + margin-left: 2em; + margin-top: 0.5em; + } + + .font-checkbox { + margin-left: 1em; + } } .invalid-tooltip { diff --git a/src/components/input.style.js b/src/components/input.style.js index c60ac1e4e..30715ec1d 100644 --- a/src/components/input.style.js +++ b/src/components/input.style.js @@ -18,7 +18,7 @@ export default { { component: 'Root', directives: { - '--defaultInputBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2)', + '--defaultInputBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2), inset 0 0 2 #000000 / 0.15', '--defaultInputHoverGlow': 'shadow | 0 0 4 --text / 0.5', '--defaultInputFocusGlow': 'shadow | 0 0 4 4 --link / 0.5' } diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js index 0e938c422..043be1b1a 100644 --- a/src/components/notification/notification.js +++ b/src/components/notification/notification.js @@ -43,7 +43,6 @@ const Notification = { data () { return { statusExpanded: false, - betterShadow: this.$store.state.interface.browserSupport.cssFilter, unmuted: false, showingApproveConfirmDialog: false, showingDenyConfirmDialog: false diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue index 044d43dbc..0930e0990 100644 --- a/src/components/notification/notification.vue +++ b/src/components/notification/notification.vue @@ -48,7 +48,6 @@ diff --git a/src/components/panel.style.js b/src/components/panel.style.js index 1bba4766d..a017a52bc 100644 --- a/src/components/panel.style.js +++ b/src/components/panel.style.js @@ -38,12 +38,20 @@ export default { roundness: 3, blur: '5px', shadow: [{ - x: 1, - y: 1, - blur: 4, + x: 0, + y: 0, + blur: 3, spread: 0, color: '#000000', - alpha: 0.6 + alpha: 0.5 + }, + { + x: 0, + y: 4, + blur: 6, + spread: 3, + color: '#000000', + alpha: 0.3 }] } } diff --git a/src/components/panel_header.style.js b/src/components/panel_header.style.js index 32464bc50..226ff9e16 100644 --- a/src/components/panel_header.style.js +++ b/src/components/panel_header.style.js @@ -17,7 +17,23 @@ export default { directives: { backgroundNoCssColor: 'yes', background: '--fg', - shadow: [] + shadow: [{ + x: 0, + y: 1, + blur: 3, + spread: 0, + color: '#000000', + alpha: 0.4 + }, + { + x: 0, + y: 1, + blur: 0, + spread: 0, + color: '#ffffff', + alpha: 0.2, + inset: true + }] } } ] diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js index c31b86be0..d6735319d 100644 --- a/src/components/post_status_form/post_status_form.js +++ b/src/components/post_status_form/post_status_form.js @@ -101,6 +101,8 @@ const PostStatusForm = { 'disableSubmit', 'disablePreview', 'disableDraft', + 'hideDraft', + 'closeable', 'placeholder', 'maxHeight', 'postHandler', @@ -115,6 +117,7 @@ const PostStatusForm = { ], emits: [ 'posted', + 'draft-done', 'resize', 'mediaplay', 'mediapause', @@ -232,6 +235,9 @@ const PostStatusForm = { showAllScopes () { return !this.mergedConfig.minimalScopesMode }, + hideExtraActions () { + return this.disableDraft || this.hideDraft + }, emojiUserSuggestor () { return suggestor({ emoji: [ @@ -353,10 +359,12 @@ const PostStatusForm = { } }, safeToSaveDraft () { - return this.newStatus.status || + return ( + this.newStatus.status || this.newStatus.spoilerText || this.newStatus.files?.length || this.newStatus.hasPoll + ) && this.saveable }, ...mapGetters(['mergedConfig']), ...mapState({ @@ -760,12 +768,20 @@ const PostStatusForm = { this.newStatus.id = id } this.saveable = false + this.clearStatus() + if (!this.shouldAutoSaveDraft) { + this.$emit('draft-done') + } }) } else if (this.newStatus.id) { // There is a draft, but there is nothing in it, clear it return this.abandonDraft() .then(() => { this.saveable = false + this.clearStatus() + if (!this.shouldAutoSaveDraft) { + this.$emit('draft-done') + } }) } } diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 8607b5a8f..220d3e975 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -316,13 +316,12 @@ diff --git a/src/components/post_status_modal/post_status_modal.vue b/src/components/post_status_modal/post_status_modal.vue index 2bdf41d55..414dd5bd1 100644 --- a/src/components/post_status_modal/post_status_modal.vue +++ b/src/components/post_status_modal/post_status_modal.vue @@ -14,7 +14,9 @@ diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue index bda0ab144..4a6de3286 100644 --- a/src/components/settings_modal/tabs/appearance_tab.vue +++ b/src/components/settings_modal/tabs/appearance_tab.vue @@ -57,7 +57,7 @@ :key="style.key" :data-theme-key="style.key" class="button-default theme-preview" - :class="{ toggled: isStyleActive(style.key), disabled: switchInProgress }" + :class="{ toggled: isThemeActive(style.key), disabled: switchInProgress }" @click="style.version === 'v2' ? setTheme(style.key) : setStyle(style.key)" :disabled="switchInProgress" > @@ -206,51 +206,6 @@ -
  • -

    {{ $t('settings.style.interface_font_user_override') }}

    -
      -
    • - -
    • -
    • - -
    • -
    • - -
    • -
    • - -
    • -
    -
  • +

    {{ $t('settings.style.interface_font_user_override') }}

    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • {{ $t('settings.columns') }}

  • {{ $t('settings.visual_tweaks') }}

      +
    • + + {{ $t('settings.mobile_center_dialog') }} + +
    • @@ -120,7 +119,6 @@ class="post-avatar" :show-actor-type-indicator="showActorTypeIndicator" :compact="compact" - :better-shadow="betterShadow" :user="status.user" /> @@ -600,12 +598,14 @@
      diff --git a/src/components/top_bar.style.js b/src/components/top_bar.style.js index daee80afe..945ae7781 100644 --- a/src/components/top_bar.style.js +++ b/src/components/top_bar.style.js @@ -16,11 +16,19 @@ export default { background: '--fg', shadow: [{ x: 0, - y: 0, + y: 1, blur: 4, spread: 0, color: '#000000', - alpha: 0.6 + alpha: 0.4 + }, + { + x: 0, + y: 2, + blur: 7, + spread: 0, + color: '#000000', + alpha: 0.3 }] } }, diff --git a/src/components/user_avatar/avatar.style.js b/src/components/user_avatar/avatar.style.js index 812d45a46..d49213476 100644 --- a/src/components/user_avatar/avatar.style.js +++ b/src/components/user_avatar/avatar.style.js @@ -11,10 +11,10 @@ export default { shadow: [{ x: 0, y: 1, - blur: 8, + blur: 4, spread: 0, color: '#000000', - alpha: 0.7 + alpha: 0.2 }] } } diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js index ffd81f87c..8cd1eeb43 100644 --- a/src/components/user_avatar/user_avatar.js +++ b/src/components/user_avatar/user_avatar.js @@ -15,14 +15,14 @@ library.add( const UserAvatar = { props: [ 'user', - 'betterShadow', 'compact', 'showActorTypeIndicator' ], data () { return { showPlaceholder: false, - defaultAvatar: `${this.$store.state.instance.server + this.$store.state.instance.defaultAvatar}` + defaultAvatar: `${this.$store.state.instance.server + this.$store.state.instance.defaultAvatar}`, + betterShadow: this.$store.state.interface.browserSupport.cssFilter } }, components: { diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js index b1fe2e8f3..1d2e19467 100644 --- a/src/components/user_card/user_card.js +++ b/src/components/user_card/user_card.js @@ -48,7 +48,6 @@ export default { data () { return { followRequestInProgress: false, - betterShadow: this.$store.state.interface.browserSupport.cssFilter, showingConfirmMute: false, muteExpiryAmount: 0, muteExpiryUnit: 'minutes' diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue index c2d9899e3..ed5401589 100644 --- a/src/components/user_card/user_card.vue +++ b/src/components/user_card/user_card.vue @@ -16,10 +16,7 @@ class="user-info-avatar -link" @click="zoomAvatar" > - +