.card.question--fixed{ class: hidden ? 'question--hidden' : '', tabindex: hidden ? -1 : '', aria: { hidden: hidden } }
  .container
    .card-body
      .d-flex
        - unless question.author_is_anonymous
          .flex-shrink-0
            %a{ href: unless hidden then user_path(question.user) end }
              = render AvatarComponent.new(user: question.user, size: "md", classes: ["answerbox__question-user-avatar"])
        .flex-grow-1
          %h6.text-muted.answerbox__question-user
            - identifier = question.author_is_anonymous ? question.author_identifier : nil
            - if hidden
              = user_screen_name question.user, author_identifier: identifier, url: false
            - else
              = t("answerbox.header.asked_html", user: user_screen_name(question.user, author_identifier: identifier), time: time_tooltip(question))
          .answerbox__question-body{ data: { controller: question.long? ? "collapse" : nil } }
            .answerbox__question-text{ class: question.long? ? "collapsed" : "", data: { collapse_target: "content" } }
              = question_markdown question.content
            - if question.long?
              = render "shared/collapse", type: "question"
        - if user_signed_in?
          .flex-shrink-0.ms-auto
            .btn-group
              %button.btn.btn-link.btn-sm.dropdown-toggle{ data: { bs_toggle: :dropdown }, aria: { expanded: false } }
                %span.caret
              - unless hidden
                = render "actions/question", question: question