Maks1mS/userscripts
0
0
Fork 0
mirror of https://github.com/Maks1mS/userscripts.git synced 2024-12-24 00:33:03 +03:00
Code

Create VKMessagesTooltip.user.js

Browse Source
This commit is contained in:
Maxim Slipenko 2023-08-01 18:58:16 +03:00 committed by GitHub
parent 8ebe876547
commit e983f4aef5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 59 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
VKMessagesTooltip/VKMessagesTooltip.user.js Normal file
View File

@ -0,0 +1,59 @@
// ==UserScript==
// @name VK Messages Tooltip
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Add tooltip to messages in dialog list
// @author Maxim Slipenko
// @match https://vk.com/*
// @icon https://vk.com/favicon.ico
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
const styles = `
span.nim-dialog--preview._dialog_body {
pointer-events: auto;
}
span.nim-dialog--preview._dialog_body:hover {
background: white;
position: absolute;
white-space: normal;
z-index: 130;
border-radius: 6px;
box-shadow: 0 1px 3px var(--black_alpha12);
color: var(--text_primary);
background: var(--modal_card_background);
border: 1px solid var(--separator_common);
padding: 5px;
transform: translate(-6px, -6px);
}
.nim-dialog--text-preview:has(span.nim-dialog--preview._dialog_body:hover):before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.nim-dialog:not(.nim-dialog_deleted):not(.nim-dialog_classic).nim-dialog_selected .nim-dialog--preview._dialog_body:hover {
color: var(--white);
background: var(--dynamic_blue);
}
li.nim-dialog:has(span.nim-dialog--preview._dialog_body:hover) {
pointer-events:none;
}
`
document.addEventListener('click', function(event) {
var t = event.target.closest('li.nim-dialog');
if (t?.querySelector('span.nim-dialog--preview._dialog_body:hover')) {
event.stopPropagation();
}
}, { capture: true });
GM_addStyle(styles);
})();