No select.

Browse Source
This commit is contained in:
retoor 2025-02-09 01:31:34 +01:00
parent 06b539b884
commit b169fa4792
3 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/snek/static/base.css
View File

@ -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;

1
src/snek/static/message-list.js
View File

@ -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];

22
src/snek/templates/app.html
View File

@ -25,23 +25,23 @@
<header>
<div class="logo">Snek</div>
<nav>
<a href="/web.html">🏠</a>
<a href="/search-user.html">πŸ”</a>
<a style="display:none" id="install-button" href="#">πŸ“₯</a>
<a href="/web.html">πŸ‘₯</a>
<a href="#">βš™οΈ</a>
<a href="/logout.html">πŸ”’</a>
<a class="no-select" href="/web.html">🏠</a>
<a class="no-select" href="/search-user.html">πŸ”</a>
<a class="no-select" style="display:none" id="install-button" href="#">πŸ“₯</a>
<a class="no-select" href="/web.html">πŸ‘₯</a>
<a class="no-select" href="#">βš™οΈ</a>
<a class="no-select" href="/logout.html">πŸ”’</a>
</nav>
</header>
<main>
{% block sidebar %}
<aside class="sidebar">
<h2>Chat Rooms</h2>
<h2 class="no-select">Chat Rooms</h2>
<ul>
<li><a href="#">General</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Random</a></li>
<li><a class="no-select" href="#">General</a></li>
<li><a class="no-select" href="#">Development</a></li>
<li><a class="no-select" href="#">Support</a></li>
<li><a class="no-select" href="#">Random</a></li>
</ul>
</aside>