projectmoon
/
msn-viewer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove table-sm resizing, use clock icon in mobile UI, fix mobile UI jumping around when clicking a date/username. Fix line endings in xsl file.

This commit is contained in:
projectmoon 2023-01-04 11:54:46 +01:00
parent 3fb3ef927a
commit 0daf5a8e52
4 changed files with 140 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/index.html
View File

@ -167,7 +167,8 @@
information hidden to make reading
messages easier.
<ul>
<li>Tap on the pound sign to see the
<li>Tap on the <i class="bi
bi-clock"></i> clock to see the
date and time of the message.</li>
<li>Tap again to hide the popup.</li>
<li>Long chat messages are scrollable.

2
src/scss/index.scss
View File

@ -63,7 +63,7 @@ th, td {
}
.message-mobile-date-time {
width: 1em;
width: 2em;
}
.message-from-user {

8
src/ts/index.ts
View File

@ -190,14 +190,6 @@ async function populateSavedBackups() {
}
window.addEventListener('DOMContentLoaded', async () => {
window.addEventListener('resize', () => {
if (window.innerWidth <= 500) {
ui.chatDisplay.querySelector('table')?.classList.add('table-sm');
} else {
ui.chatDisplay.querySelector('table')?.classList.remove('table-sm');
}
});
initEvents();
showLoadingIndicator(false);
showApplication(true);

6
src/xsl/MessageLog.xsl
View File

@ -96,7 +96,7 @@ https://github.com/jerecui/MSNChatHistoryCombiner
</xsl:template>
<xsl:template match="From/User">
<a class="info-popover" href="#" tabindex="0"
<a class="info-popover" href="javascript:void(0);" tabindex="0"
data-bs-trigger="focus"
data-bs-container="body" data-bs-toggle="popover"
data-bs-placement="bottom" data-bs-title="Username">
@ -119,14 +119,14 @@ https://github.com/jerecui/MSNChatHistoryCombiner
<!-- mobile shows a popover span for date/time -->
<td class="d-lg-none message-mobile-date-time">
<a class="info-popover" href="#" tabindex="0"
<a class="info-popover" href="javascript:void(0);" tabindex="0"
data-bs-trigger="focus"
data-bs-container="body" data-bs-toggle="popover"
data-bs-placement="right" data-bs-title="Date/Time">
<xsl:attribute name="data-bs-content">
<xsl:value-of select="@Date"/>&#160;<xsl:value-of select="@Time"/>
</xsl:attribute>
#
<i class="bi bi-clock"></i>
</a>
</td>
<td class="d-none d-lg-table-cell message-date"> <xsl:value-of select="@Date"/> </td>