mirror of
https://github.com/Maks1mS/userscripts.git
synced 2024-12-24 00:33:03 +03:00
60 lines
1.6 KiB
JavaScript
60 lines
1.6 KiB
JavaScript
// ==UserScript==
|
|
// @name VK Messages Tooltip
|
|
// @namespace https://github.com/Maks1mS/userscripts
|
|
// @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);
|
|
})();
|