Проблема с потоком сообщений Glimmer с встроенными ответами

Внести вклад UX
1

Привет :waving_hand:

Кажется, при открытии встроенного ответа в потоке постов Glimmer (на мобильном) некоторые стили пропадают у родительского поста.

Спасибо :hugs:

2 лайка
2

А, я понял: имя пользователя становится ближе к тексту поста, к которому вы развернули ответ.

3

Буду честен, мне трудно разобрать проблему на видео (оно для меня довольно размытое).

Можете ли вы загрузить скриншоты, чтобы прояснить проблему?

4

Думаю, проблема возникает при разворачивании встроенного ответа: в этот момент обновляются классы, и, например, это влияет на классы div post__regular regular post__contents contents. Когда открывается встроенный ответ, этот div становится просто post__regular regular.

Однако CSS-правило здесь нацелено на класс .contents. Поэтому при открытии встроенных ответов этот класс становится недоступным.

.mobile-view .boxed .contents {
  padding: 10px 0 0 0;
}

Screenshot 2025-08-01 at 17.19.03
Screenshot 2025-08-01 at 17.19.03352×567 37.9 KB

Кажется, здесь должно быть пропущено ещё больше классов… ведь это не должно влиять на стили родительского поста.

5

Извините, я всё ещё не понимаю. Я не вижу ничего неправильного на скриншоте?

6

При открытии ответа меняется стиль родительского поста. В этом и проблема.

Изначально пост занимал всю ширину и имел отступы и т. д. Это также может влиять на пользовательские модификации постов. До внедрения glimmer post stream никаких изменений в родительском посте не вносилось, просто открывались ответы.

2 лайка
7

О, теперь я понял, спасибо за терпение! :sweat_smile:

Это действительно похоже на небольшое сожаление, я посмотрю — спасибо!

4 лайка
9

Привет :waving_hand:

Вот быстрое решение (если кому-то это было нужно) — использовать класс .post__regular вместо .contents, так как .contents удаляется при открытии встроенных ответов.

@use "lib/viewport";

.topic-post {
  .boxed {
    .post__regular:not(.contents) {
      position: relative;
      clear: both;
    }
  }
}

.mobile-view {
  body:not(.archetype-private_message) {
    .boxed {
      .post__regular:not(.contents) {
        padding: 10px 0 0 0;
      }
    }
  }
}

// Личные сообщения

.archetype-private_message {
  .post__regular:not(.contents) {
    border-radius: var(--d-border-radius);
    border: 1px solid var(--content-border-color);
    padding-top: 10px;
    padding-left: var(--pm-padding);
    margin-left: calc(var(--pm-padding) * -1);
    
    @include viewport.until(sm) {
      margin-left: 0;
      padding: 1.5em 1em 0;
    }
  }
}
1 лайк
11

Эта проблема будет решена в

4 лайка