Ширина страницы уменьшается на некоторых темах

Firepup650 · 05.Декабрь.2024 05:40:02

Я не уверен, что вызывает это, но на данный момент проблема воспроизводится на Announcing: AI Web Artifacts

Обычный:

Уменьшенный:

sam · 05.Декабрь.2024 07:13:49

хм, это действительно очень запутанно. @awesomerobot, есть какие-нибудь идеи?

Arkshine · 05.Декабрь.2024 13:45:26

Похоже, что в отрывке содержится лишний HTML. Тег <style> перезаписывает стили страницы.

awesomerobot · 05.Декабрь.2024 19:48:22

Определённо где-то просачивается CSS… к тегу добавляется display: flex… и похоже, что туда проникает какой-то HTML из блока обмена?

Похоже, это исходит из

github.com/discourse/discourse-ai

app/models/shared_ai_conversation.rb

117c06220


      
          def onebox
            <<~HTML
            <div>
              <aside class="onebox allowlistedgeneric" data-onebox-src="#{url}">
              <header class="source">
                <span class="onebox-ai-llm-title">#{I18n.t("discourse_ai.share_ai.onebox_title", llm_name: llm_name)}</span>
                <a href="#{url}" target="_blank" rel="nofollow ugc noopener" tabindex="-1">#{Discourse.base_uri}</a>
              </header>
              <article class="onebox-body">
              <h3><a href="#{url}" rel="nofollow ugc noopener" tabindex="-1">#{title}</a></h3>
            #{html_excerpt}
            </article>
            <div style="clear: both"></div>
            </aside>
            </div>
            HTML
          end

это добавляется инлайново:

    body {
      font-family: Arial, sans-serif;
      display: flex;
      justify-content: center;
      align-...</p><p>...</p><a href='/discourse-ai/ai-bot/shared-ai-conversations/xrWufuvPZJFxlUvYW2cHSQ'>Read full transcript<a>
</article>
<div style="clear: both"></div>
</aside>
</div>

проблема с html_excerpt?

незакрытая ссылка, которая всё портит?

github.com/discourse/discourse-ai

app/models/shared_ai_conversation.rb

117c06220


      
                  strip_links: true,
                  strip_details: true,
                )
          
              html << "<p><b>#{post.user.username}</b>: #{text}</p>"
              if html.length > 1000
                html << "<p>...</p>"
                break
              end
            end
            html << "<a href='#{url}'>#{I18n.t("discourse_ai.share_ai.read_more")}<a>"
            html
          end
          
          def onebox
            <<~HTML
            <div>
              <aside class="onebox allowlistedgeneric" data-onebox-src="#{url}">
              <header class="source">
                <span class="onebox-ai-llm-title">#{I18n.t("discourse_ai.share_ai.onebox_title", llm_name: llm_name)}</span>
                <a href="#{url}" target="_blank" rel="nofollow ugc noopener" tabindex="-1">#{Discourse.base_uri}</a>

давайте посмотрим:

Тема		Ответов	Просм.
Pastebin onebox escapes page width Bug	3	1307	22.02.2016
Printer Friendly CSS UX	30	6694	19.11.2022
Button to share conversation in AI conversation not respecting sub folder setup Bug ai , subfolder	2	182	06.06.2024
Why is the text content small? Support	4	438	19.09.2023
Unclickable "Read More" button in excerpt UX	3	1005	17.01.2022

Ширина страницы уменьшается на некоторых темах

Связанные темы