IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-24 09:50:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: restrict mobile tooltip width to prevent horizontal overflow (#27420)

Browse Source
This commit is contained in:
Kris 2024-06-11 10:37:42 -04:00 committed by GitHub
parent e44025b687
commit ebc23b348f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/footnote/assets/stylesheets/footnotes.scss
View File

@ -49,6 +49,12 @@
max-width: 400px; max-width: 400px;
overflow-wrap: break-word; overflow-wrap: break-word;
.mobile-view & {
// tooltips are positioned 5px from the left
// - 10px accounts for this and gives 5px space on the right
max-width: calc(100dvw - 10px);
}
.footnote-tooltip-content { .footnote-tooltip-content {
overflow: hidden; overflow: hidden;
@ -58,7 +64,7 @@
img { img {
object-fit: cover; object-fit: cover;
max-width: 385px; max-width: 100%;
} }
p { p {