slvccans/ST-Amily2-Chat-Optimisation-SecFix
1
0
Fork 0
mirror of https://github.com/SilenceLurker/ST-Amily2-Chat-Optimisation.git synced 2026-06-06 08:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update table.css

Browse Source
This commit is contained in:
Wx-2025
2025-10-06 19:53:07 +08:00
committed by GitHub
parent 0f79020193
commit 880ab64313
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/table.css
View File

@@ -797,21 +797,21 @@ th.amily2-menu-open .amily2-context-menu {
padding: 5px; /* Reduce container padding on mobile */ padding: 5px; /* Reduce container padding on mobile */
} }
/* The problematic wrapping rule is now conditional */ /* On mobile, allow text wrapping to prevent overflow */
#amily2_memorisation_forms_panel:not(.mobile-scrolling) .amily2-chat-table th, .amily2-chat-table th,
#amily2_memorisation_forms_panel:not(.mobile-scrolling) .amily2-chat-table td { .amily2-chat-table td {
white-space: normal; white-space: normal;
word-break: break-all; word-break: break-all;
} }
} }
/* Force horizontal scrolling on mobile devices by preventing text wrapping */
#amily2_memorisation_forms_panel.mobile-scrolling .amily2-chat-table th,
#amily2_memorisation_forms_panel.mobile-scrolling .amily2-chat-table td {
white-space: nowrap !important;
}
.amily2-chat-table td.amily2-cell-highlight { .amily2-chat-table td.amily2-cell-highlight {
background-color: var(--am2-cell-highlight-bg, rgba(144, 238, 144, 0.3)); background-color: var(--am2-cell-highlight-bg, rgba(144, 238, 144, 0.3));
transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;
} }
/* Override for mobile horizontal scrolling when JS detects a touch device */
#amily2-chat-table-container.mobile-table-view .amily2-chat-table th,
#amily2-chat-table-container.mobile-table-view .amily2-chat-table td {
white-space: nowrap;
}