Стиль карточки пользователя сломан

Привет :wave:

Похоже, стиль .popup-menu плагина float-kit переопределяет специфичный стиль карточки пользователя. Это вызывает конфликты, например, со стилями кнопок Message, Chat и т. д. Класс popup-menu добавляется к .fk-d-menu, что и становится причиной проблемы.

Также появляются фон, границы и тень, характерные для popup-menu.

Вероятно, это связано с коммитом: UX: improve btn-transparent styling by awesomerobot · Pull Request #24666 · discourse/discourse · GitHub

Спасибо :slightly_smiling_face:

Удаление класса popup-menu решает эту проблему. Возможное быстрое решение — переопределить стиль popup-menu для карточки пользователя.

Это можно сделать, используя селектор .popup-menu[data-identifier=card].

То есть что-то вроде этого восстановит стиль карточки пользователя
@mixin usercard-btn($btn-bg, $btn-color, $btn-bg-hover, $btn-color-hover) {
  background: var(--#{$btn-bg});
  .d-icon {
    color: var(--#{$btn-color});
    margin-right: 0.45em;
  }
  .discourse-no-touch & {
    &:focus,
    &:hover {
      background-color: var(--#{$btn-bg-hover});
      color: var(--#{$btn-color-hover});
      .d-icon {
        color: var(--#{$btn-color-hover});
      }
    }
  }
  .discourse-touch & {
    &:focus,
    &:hover {
      color: var(--#{$btn-color});
      .d-icon {
        color: var(--#{$btn-color});
      }
    }
  }
}

.popup-menu[data-identifier="card"] {
  background: none;
  border: none;
  .mobile-view & {
    z-index: z("max");
  }
  box-shadow: none;
  ul {
    li {
      border-bottom: none;
    }
  }
  .btn {
    justify-content: center;
    padding: 0.5em 0.65em;
    border-radius: var(--d-button-border-radius);
    margin-bottom: 5px;
    .d-icon {
      align-self: unset;
      margin-top: unset
    }
    &.btn-primary {
      @include usercard-btn(
        tertiary, 
        secondary, 
        tertiary-hover, 
        secondary
      );
    }
    &:not(.btn-primary) {
      @include usercard-btn(
        primary-low, 
        primary, 
        primary-medium, 
        secondary
      );
    }
  }
}
6 лайков

Кажется, это уже исправлено в :partying_face:

3 лайка

Эта тема была автоматически закрыта через 2 дня. Новые ответы больше не принимаются.