plfn
4 Noviembre, 2020 10:33
1
ej: 漢字かんじ
Las furigana no afectan la altura/diseño del elemento, y el contenedor oculta el desbordamiento. Por ejemplo:
Cambiar el estilo de .topic-body .cooked a overflow: visible soluciona esto, aunque también podría permitir desbordamientos intencionales o molestos.
Esto ocurre en la última versión de Firefox (83.0b6) en macOS. No se puede reproducir en Chrome (67).
6 Me gusta
¡Gracias por reportar esto!
Creo que podemos convertir el margin-top: 15px de .regular.contents a padding-top: 15px en .cooked en su lugar… eso nos permitiría mantener el mismo espaciado y ocultar el desbordamiento, pero permitiría 15px de desbordamiento adicional en la parte superior (lo cual debería ser suficiente espacio para el Furigana)…
Necesito verificar que el cambio no cause otros problemas, pero no veo ningún obstáculo obvio…
6 Me gusta
He realizado un cambio en nuestra cola de revisión
master ← awesomerobot:furigana-overflow
merged 05:03AM - 09 Nov 20 UTC
Discussion here: https://meta.discourse.org/t/furigana-at-top-of-comment-get-cut… -off/169206
Switching from margin on `.topic-body .regular` to padding on `.cooked` retains the same visual spacing, and gives vertically overflowing text a little extra space before it's cropped by `overflow: hidden`.
I did a little testing and this seems safe... this comment gave me second thoughts:
> // this ensures consistent top margin on topic posts even if the first line of a post
> // is a top-margin-less element like a list or image.
but it's old and no longer true due to:
```css
> *:first-child {
margin-top: 0;
}
```
(all first children of `.cooked` have their `margin-top` removed)
The above first-child CSS was in `compose.scss` but isn't limited to the composer, so I moved it to `topic-post.scss` and removed a dupe.
2 Me gusta
Esto ya ha sido fusionado; puedes verlo en acción con este ejemplo: 漢字かんじ
2 Me gusta
codinghorror
(Jeff Atwood)
Cerrado
24 Noviembre, 2020 02:00
6
Este tema se cerró automáticamente después de 5 días. Ya no se permiten nuevas respuestas.