Fix author name underline + hover icon brightness

This commit is contained in:
Prospector
2026-02-07 13:51:18 -08:00
parent 13e5529f00
commit 8ab1895d8a
3 changed files with 12 additions and 6 deletions

View File

@@ -39,9 +39,6 @@ defineOptions({
// Setup base styles for contents
.smart-clickable__contents {
transition: scale 0.125s ease-out;
// Why? I don't know. It forces the SVGs to render differently, which fixes some shift on hover otherwise.
//filter: brightness(1.00001);
}
// When clickable is being hovered or focus-visible, give contents an effect

View File

@@ -1,5 +1,5 @@
<template>
<SmartClickable class="w-full project-card-container">
<SmartClickable class="w-full project-card-container relative isolate">
<template v-if="link" #clickable>
<AutoLink
:to="link"
@@ -131,6 +131,9 @@
</div>
</div>
</div>
<div
class="absolute inset-0 border-[1px] border-solid border-surface-4 bg-bg-raised rounded-2xl transition-all smart-clickable:outline-on-focus smart-clickable:highlight-on-hover z-[-1]"
/>
</SmartClickable>
</template>
@@ -181,8 +184,7 @@ const props = defineProps<{
status?: ProjectStatus
}>()
const baseCardStyle =
'w-full h-full border-[1px] border-solid border-surface-4 overflow-hidden bg-bg-raised rounded-2xl group transition-all smart-clickable:outline-on-focus smart-clickable:highlight-on-hover'
const baseCardStyle = 'w-full h-full overflow-hidden'
const updatedDate = computed(() =>
props.dateUpdated ? dayjs(props.dateUpdated).toDate() : undefined,

View File

@@ -20,6 +20,13 @@ const VERSIONS: VersionEntry[] = [
// - Adjusted pop-up design to include a border.
// - Updated translations.`,
// },
{
date: `2026-02-07T13:55:00-08:00`,
product: 'web',
body: `## Improvements
- Fixed author name appearing as hovered when hovering over various other hoverable elements in project list cards.
- Changed project list card to only brighten the background on hover, not the entire card.`,
},
{
date: `2026-02-07T12:35:00-08:00`,
product: 'web',