diff options
author | Mario <mario@mariovavti.com> | 2025-05-13 08:05:30 +0000 |
---|---|---|
committer | Mario <mario@mariovavti.com> | 2025-05-13 08:05:30 +0000 |
commit | a03ca38409fd9e9635a35d09d06e91130118a9a1 (patch) | |
tree | f4929d3e0316ba902aeddef461b270ef276c6c67 /view/js/main.js | |
parent | 1b246e2ba5b07057bd185d1394ec8e63d2a58c62 (diff) | |
download | volse-hubzilla-a03ca38409fd9e9635a35d09d06e91130118a9a1.tar.gz volse-hubzilla-a03ca38409fd9e9635a35d09d06e91130118a9a1.tar.bz2 volse-hubzilla-a03ca38409fd9e9635a35d09d06e91130118a9a1.zip |
use box-shadow instead of border to prevent layout moving
Diffstat (limited to 'view/js/main.js')
-rw-r--r-- | view/js/main.js | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/view/js/main.js b/view/js/main.js index 1a723db15..342649147 100644 --- a/view/js/main.js +++ b/view/js/main.js @@ -746,7 +746,7 @@ function updateConvItems(mode, data) { if (data_json.includes(bParam_mid) && elem.parentNode.classList.contains('wall-item-sub-thread-wrapper')) { if (!elem.parentNode.parentNode.classList.contains('toplevel_item')) { elem.parentNode.parentNode.classList.add('item-highlight'); - elem.parentNode.parentNode.style.borderColor = stringToHlsColor(JSON.parse(elem.parentNode.parentNode.dataset.b64mids)[0]); + elem.parentNode.parentNode.style.boxShadow = '-.15rem 0 0 0 ' + stringToHlsColor(JSON.parse(elem.parentNode.parentNode.dataset.b64mids)[0]); } } @@ -1296,12 +1296,13 @@ function request(id, mid, verb, parent, uuid) { document.querySelectorAll('.thread-wrapper.item-highlight').forEach(el => { el.classList.remove('item-highlight'); + el.style.boxShadow = ''; }); const wrapper = document.getElementById('thread-wrapper-' + id); if (!wrapper.classList.contains('toplevel_item')) { wrapper.classList.add('item-highlight'); - wrapper.style.borderColor = stringToHlsColor(uuid); + wrapper.style.boxShadow = '-.15rem 0 0 0 ' + stringToHlsColor(uuid); } fetch('/request?verb=' + verb + '&mid=' + mid + '&parent=' + parent + '&module=' + module) |