Fix hover for known universes

This commit is contained in:
2023-12-16 13:22:05 +01:00
parent 0a3aca69cc
commit e1d70f2e58
2 changed files with 16 additions and 1 deletions

View File

@ -559,7 +559,7 @@
<template id="ui-known-universe-item-template">
<!-- 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="delete-universe" title="Delete this universe">🗑</button>
</li>

View File

@ -2318,6 +2318,16 @@ video {
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 {
--tw-text-opacity: 1;
color: rgb(var(--background) / var(--tw-text-opacity));
@ -2328,6 +2338,11 @@ video {
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 {
outline: 2px solid transparent;
outline-offset: 2px;