From b169fa4792e02303ea0f61e5d83b3993a8f72f05 Mon Sep 17 00:00:00 2001 From: retoor Date: Sun, 9 Feb 2025 01:31:34 +0100 Subject: [PATCH] No select. --- src/snek/static/base.css | 7 ++++++- src/snek/static/message-list.js | 3 ++- src/snek/templates/app.html | 22 +++++++++++----------- 3 files changed, 19 insertions(+), 13 deletions(-) diff --git a/src/snek/static/base.css b/src/snek/static/base.css index aa6a06d..e57b944 100644 --- a/src/snek/static/base.css +++ b/src/snek/static/base.css @@ -63,7 +63,12 @@ header nav a { font-size: 1em; transition: color 0.3s; } - +.no-select { + -webkit-user-select: none; /* Chrome, Safari, Opera */ + -moz-user-select: none; /* Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Standard syntax */ + } header nav a:hover { color: #fff; diff --git a/src/snek/static/message-list.js b/src/snek/static/message-list.js index 17f3066..91d80d3 100644 --- a/src/snek/static/message-list.js +++ b/src/snek/static/message-list.js @@ -74,6 +74,7 @@ class MessageListElement extends HTMLElement { const avatar = document.createElement("div"); avatar.classList.add("avatar"); + avatar.classList.add("no-select"); avatar.style.backgroundColor = message.color; avatar.style.color = "black"; avatar.innerText = message.user_nick[0]; @@ -166,4 +167,4 @@ class MessageListElement extends HTMLElement { } } -customElements.define('message-list', MessageListElement); \ No newline at end of file +customElements.define('message-list', MessageListElement); diff --git a/src/snek/templates/app.html b/src/snek/templates/app.html index 81d5611..8d2adca 100644 --- a/src/snek/templates/app.html +++ b/src/snek/templates/app.html @@ -25,23 +25,23 @@
{% block sidebar %}