BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix hover for known universes

Browse Source
This commit is contained in:
Raphaël Forment
2023-12-16 13:22:05 +01:00
parent 0a3aca69cc
commit e1d70f2e58
2 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -559,7 +559,7 @@
<template id="ui-known-universe-item-template"> <template id="ui-known-universe-item-template">
<!-- A known universe button in "opening" interface --> <!-- A known universe button in "opening" interface -->
<li class="py-2 px-4 flex justify-between text-brightwhite"> <li class="py-2 px-4 flex justify-between text-brightwhite hover:bg-selection_background hover:text-selection_foreground">
<button class="universe-name load-universe" title="Load this universe">Universe Name</button> <button class="universe-name load-universe" title="Load this universe">Universe Name</button>
<button class="delete-universe" title="Delete this universe">🗑</button> <button class="delete-universe" title="Delete this universe">🗑</button>
</li> </li>

15
src/style.css
View File

@ -2318,6 +2318,16 @@ video {
background-color: rgb(var(--brightmagenta) / var(--tw-bg-opacity)); background-color: rgb(var(--brightmagenta) / var(--tw-bg-opacity));
} }
.hover\:bg-selection_foreground:hover {
--tw-bg-opacity: 1;
background-color: rgb(var(--selection_foreground) / var(--tw-bg-opacity));
}
.hover\:bg-selection_background:hover {
--tw-bg-opacity: 1;
background-color: rgb(var(--selection_background) / var(--tw-bg-opacity));
}
.hover\:text-background:hover { .hover\:text-background:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(var(--background) / var(--tw-text-opacity)); color: rgb(var(--background) / var(--tw-text-opacity));
@ -2328,6 +2338,11 @@ video {
color: rgb(var(--brightwhite) / var(--tw-text-opacity)); color: rgb(var(--brightwhite) / var(--tw-text-opacity));
} }
.hover\:text-selection_foreground:hover {
--tw-text-opacity: 1;
color: rgb(var(--selection_foreground) / var(--tw-text-opacity));
}
.focus\:outline-none:focus { .focus\:outline-none:focus {
outline: 2px solid transparent; outline: 2px solid transparent;
outline-offset: 2px; outline-offset: 2px;