calvin.erfmann/WhatsApp-Chat-Exporter
1
0
Fork 0
mirror of https://github.com/KnugiHK/WhatsApp-Chat-Exporter.git synced 2026-04-28 00:34:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add highlighting when navigate to replied message

Browse Source
This commit is contained in:
KnugiHK
2023-06-02 02:41:01 +08:00
parent 80c3ed11f6
commit e9499c3bb7
1 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
Whatsapp_Chat_Exporter/whatsapp.html
View File

@@ -33,16 +33,31 @@
img, video { img, video {
max-width:100%; max-width:100%;
} }
a.anchor {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}
div.reply{ div.reply{
font-size: 13px; font-size: 13px;
text-decoration: none; text-decoration: none;
} }
div:target::before {
content: '';
display: block;
height: 100px;
margin-top: -100px;
visibility: hidden;
}
div:target {
border-style: solid;
border-width: 2px;
animation: border-blink 0.5s steps(1) 5;
border-color: rgba(0,0,0,0)
}
@keyframes border-blink {
0% {
border-color: #2196F3;
}
50% {
border-color: rgba(0,0,0,0);
}
}
</style> </style>
</head> </head>
<body> <body>
@@ -51,8 +66,7 @@
<div class="table" style="width:100%"> <div class="table" style="width:100%">
{% set last = {'last': 946688461.001} %} {% set last = {'last': 946688461.001} %}
{% for msg in msgs -%} {% for msg in msgs -%}
<div class="w3-row" style="padding-bottom: 10px"> <div class="w3-row" style="padding-bottom: 10px" id="{{ msg.key_id }}">
<a class="anchor" id="{{ msg.key_id }}"></a>
{% if determine_day(last.last, msg.timestamp) is not none %} {% if determine_day(last.last, msg.timestamp) is not none %}
<div class="w3-center" style="color:#70777c;padding: 10px 0 10px 0;">{{ determine_day(last.last, msg.timestamp) }}</div> <div class="w3-center" style="color:#70777c;padding: 10px 0 10px 0;">{{ determine_day(last.last, msg.timestamp) }}</div>
{% if last.update({'last': msg.timestamp}) %}{% endif %} {% if last.update({'last': msg.timestamp}) %}{% endif %}