Кнопка «Ответ» в подвале темы может сломать ветку

Привет,

Да, я понимаю, что это интересная ситуация. Я создал эту тему, потому что кажется, что синяя кнопка Ответить более популярна (особенно на мобильных устройствах [1]), чем кнопка ответа в самом посте. Это проблема, если ответ предназначен не для автора оригинального сообщения (OP), а для последнего поста.

В этом есть две проблемы:

  1. Реальный получатель сообщения не получит уведомление, если он не был упомянут или процитирован.

  2. В таких случаях сотрудникам сложнее выполнять действия, например, перемещать посты, так как эти посты нельзя выделить с помощью (выбрать + ответы), и если они не заметят этого, это может нарушить структуру темы (диалога).

Я размышляю, как лучше всего решить эту проблему. Возможно, стоит просто переименовать синюю кнопку в Ответить на тему или как-то иначе указать, что эта кнопка предназначена для ответа автору оригинального сообщения (OP)… :thinking:

Я решил изменить кнопку Ответить в подвале темы на Ответить на тему и добавить заголовок раздела Управление темой на десктопе. На мобильных устройствах раздел Управление темой уже доступен в выпадающем меню.

Надеюсь, таким образом пользователи будут лучше понимать, что с помощью этой кнопки они отвечают именно на тему (автору оригинального сообщения). :slightly_smiling_face:


  1. так как в ответе на пост есть только иконка ↩︎

3 лайка

Я склонен согласиться, я иногда сам нажимаю не ту кнопку. Возможно, я украду вашу идею и переименую одну из них. На нашем форуме мы используем компонент быстрого цитирования, и он работает отлично, потому что вы точно знаете, что отвечаете на пост.

3 лайка

Да, но теперь можно переименовать кнопку «Ответить» в подвале темы (синюю) с помощью компонента темы, так как кнопка ответа в подвале темы и кнопка ответа в сообщениях используют одну и ту же строку js.topic.reply.title. Таким образом, при изменении этой строки изменятся обе кнопки.

Вы можете изменить текст для кнопки в подвале темы, добавив следующий код в новый компонент темы или в существующий.

Общие / CSS

#topic-footer-buttons {
  .topic-footer-main-buttons {
    button.btn-primary.create {
      span.d-button-label:after {
        // Добавляем этот текст после «Ответить»
        content: " к теме";
      }
    }
  }
}

Отличный компонент, спасибо за то, что поделились :slightly_smiling_face: Я тоже это проверю. :heart:

4 лайка

Правда? Даже когда ответ адресован нескольким людям?

А как насчет ситуаций, когда ответ начинается с цитаты, а следующий абзац — это уже ответ на тему?

Мне кажется, это немного запутанно. И… поскольку так много обычных пользователей не используют (и совершенно не понимают разницу) «правильную» кнопку ответа, я не уверен, что это работает идеально.

Что было бы лучшим вариантом? Не знаю.

2 лайка

Не совсем понятно, что вы имеете в виду, но можно использовать функцию быстрого цитирования несколько раз в одном посте, копируя и вставляя её для ответов разным людям. Честно говоря, не понимаю, в чём ваша проблема? Следующая глава? Кнопка «правильный» ответ? Не знаю, о чём вы говорите.

В любом случае, я переименовал кнопку ответа внизу, и мне нравится это изменение — на интерфейсе теперь всё немного понятнее. Спасибо за фрагмент кода, @dodesz :slight_smile:

1 лайк

Это ответ вам.

А это ответ Дон.

Превосходно! Можем ли мы… изменить текст аналогичным образом для кнопки «Ответ на сообщение»?

А это может быть ответ на тему:

Думаю, главная проблема не в цитировании и/или упоминании (хотя компонент быстрого цитирования это решает), а в том, что две разные кнопки выполняют одно и то же, но действуют немного по-разному.

С другой стороны, я это понимаю. Для пользователей «ответ» — это просто «ответ». Но… если кто-то читает пост/комментарий/ответ, почему они не используют ближайшую кнопку ответа, а именно последнюю?

Да, я знаю. Без цитаты происходит то-то и то-то, но всё же.

Теперь вы меня понимаете? Как должен вести себя этот пост: как ответ вам, как ответ Дон, ни на один из них или на оба? Конечно — я процитировал, и это на самом деле делает совершенно бессмысленным попытку понять, какой именно это ответ.

Видите ли, тот факт, что вы процитировали оба сообщения, создал автоматические обратные ссылки: вы можете увидеть свой пост, нажав на кнопку 1 Reply ⌄, которая теперь появилась под обоими процитированными вами сообщениями.

Я согласен, что было бы полезно сделать кнопки «Ответить» более различимыми. Я, вероятно, протестирую это на своём сообществе.

2 лайка

Чёрт! Вы абсолютно правы. Каждый день что-то новое, но как я мог это упустить :man_facepalming:

3 лайка

не только ссылки обратной ссылки (стрелки вверх), но и блоки цитат, если нажать/нажать на стрелки вниз:

извините, я думаю, что я просто неправильно понял вас раньше.

1 лайк

Спасибо за это, Дон! Я хотел сделать это уже много лет! Я пошёл дальше и адаптировал вашу идею под свои нужды. Поскольку мой сайт немного отличается, и каждая категория уникальна — это не просто обычные обсуждения, — я решил полностью изменить текст кнопки ответа. Например, в категории «Критика изображений» я изменил её на «Дать критику или ответить». Добавив «или ответить», я, по-моему, обошёл опасения Якуке. Спасибо, что поднял эту тему, Якуке! Изначально у меня было только «Дать критику», но вы правы: это не подходит для всех ситуаций.

Мне не очень нравится трюк с font-size: 0, но по какой-то причине трюк с visibility:hidden не сработал в данном случае. Также я пробовал установить font-size в 1em вместо px, но это тоже не сработало. В итоге я выбрал чуть более крупный шрифт, чтобы кнопка выделялась, хотя предпочёл бы использовать em, чтобы шрифт масштабировался.

// Критика изображений
body.category-image-critiques-abstract-critiques,
body.category-image-critiques-avian-critiques,
body.category-image-critiques-flora-critiques,
body.category-image-critiques-human-fauna-critiques,
body.category-image-critiques-landscape-critiques,
body.category-image-critiques-macro-critiques,
body.category-image-critiques-night-critiques,
body.category-image-critiques-non-nature-critiques,
body.category-image-critiques-wildlife-critiques,
body.category-image-critiques-weekly-challenge {
  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label {
          // скрыть текст «ответить»
          font-size: 0;
        }
      }
    }
  }

  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label:after {
          // Новый текст
          font-size: 18px;
          content: "Дать критику изображения или ответить";
        }
      }
    }
  }
}

Это особенно отлично подходит для моей категории AMA, где я изменил кнопку ответа на «Задать вопрос» — идеально! Это также помогает человеку, проводящему AMA, понять, что нужно использовать маленькую кнопку ответа.

// AMA
body.category-learning-ama {
  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label {
          // скрыть текст «ответить»
          font-size: 0;
        }
      }
    }
  }

  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label:after {
          // Новый текст
          font-size: 18px;
          content: "Задать вопрос";
        }
      }
    }
  }
}

Также я установил цвет фона для кнопки ответа, чтобы она немного больше выделялась. Пока не разобрался, как правильно настроить плавный переход при наведении — любые идеи будут полезны…

.discourse-no-touch .topic-body .actions .fade-out {
    background: var(--primary-low);
}

В любом случае, надеюсь, мои рассуждения помогут другим!

2 лайка