El ancho de la página se reduce en ciertos temas

Firepup650 · 5 Diciembre, 2024 05:40

No estoy seguro de qué causa esto, pero actualmente se puede reproducir en Announcing: AI Web Artifacts

Normal:

Encogido:

sam · 5 Diciembre, 2024 07:13

hmmm esto es realmente confuso. @awesomerobot ¿alguna idea?

Arkshine · 5 Diciembre, 2024 13:45

Parece que el fragmento incluye HTML innecesario. La etiqueta <style> sobrescribe el estilo de la página.

awesomerobot · 5 Diciembre, 2024 19:48

Definitivamente hay algún CSS defectuoso en alguna parte… display: flex se añade al body… y parece que hay algo de HTML del enlace compartido que está llegando ahí?

Parece venir de

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

esto se añade en línea:

    body {
      font-family: Arial, sans-serif;
      display: flex;
      justify-content: center;
      align-...\u003c/p\u003e\u003cp\u003e...\u003c/p\u003e\u003ca href='/discourse-ai/ai-bot/shared-ai-conversations/xrWufuvPZJFxlUvYW2cHSQ'\u003eRead full transcript\u003ca\u003e
u003c/article\u003e
u003cdiv style=\"clear: both\"\u003e\u003c/div\u003e
u003c/aside\u003e
u003c/div\u003e

¿problema con html_excerpt?

¿un enlace sin cerrar está causando problemas?

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>

veamos:

Tema		Respuestas	Vistas
Pastebin onebox escapes page width Bug	3	1285	22 Febrero 2016
Printer Friendly CSS UX	30	6560	19 Noviembre 2022
Button to share conversation in AI conversation not respecting sub folder setup Bug subfolder , ai	2	154	6 Junio 2024
Why is the text content small? Support	4	399	19 Septiembre 2023
Unclickable "Read More" button in excerpt UX	3	986	17 Enero 2022

El ancho de la página se reduce en ciertos temas

Temas relacionados