github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

Update external link visibility to use opacity transition (#7786) 

Replaces 'hidden' and 'inline-block' classes with 'opacity-0' and 'group-hover:opacity-100' for external link icons in multiple components. This change enables smoother transitions and better control over the visibility of external link icons on hover.
pull/7791/head
Ryan Wang 2025-10-02 11:53:43 +08:00 committed by GitHub
parent 2f561d47a8
commit 80d407cc6d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/console-src/modules/contents/pages/components/entity-fields/TitleField.vue
View File

@ -74,7 +74,7 @@ const commentText = computed(() => {
<a <a
target="_blank" target="_blank"
:href="externalUrl" :href="externalUrl"
class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block" class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
> >
<IconExternalLinkLine class="h-3.5 w-3.5" /> <IconExternalLinkLine class="h-3.5 w-3.5" />
</a> </a>

2
ui/console-src/modules/contents/posts/components/entity-fields/TitleField.vue
View File

@ -75,7 +75,7 @@ const commentText = computed(() => {
<a <a
target="_blank" target="_blank"
:href="externalUrl" :href="externalUrl"
class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block" class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
> >
<IconExternalLinkLine class="h-3.5 w-3.5" /> <IconExternalLinkLine class="h-3.5 w-3.5" />
</a> </a>

2
ui/console-src/modules/contents/posts/tags/components/TagListItem.vue
View File

@ -51,7 +51,7 @@ const emit = defineEmits<{
<a <a
target="_blank" target="_blank"
:href="tag.status?.permalink" :href="tag.status?.permalink"
class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block" class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
> >
<IconExternalLinkLine class="h-3.5 w-3.5" /> <IconExternalLinkLine class="h-3.5 w-3.5" />
</a> </a>

2
ui/console-src/modules/dashboard/widgets/presets/posts/components/PostListItem.vue
View File

@ -104,7 +104,7 @@ const commentText = computed(() => {
target="_blank" target="_blank"
:href="previewUrl" :href="previewUrl"
:title="previewUrl" :title="previewUrl"
class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block" class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
> >
<IconExternalLinkLine class="h-3.5 w-3.5" /> <IconExternalLinkLine class="h-3.5 w-3.5" />
</a> </a>

2
ui/uc-src/modules/contents/posts/components/PostListItem.vue
View File

@ -161,7 +161,7 @@ function handleDelete() {
<a <a
target="_blank" target="_blank"
:href="externalUrl" :href="externalUrl"
class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block" class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
> >
<IconExternalLinkLine class="h-3.5 w-3.5" /> <IconExternalLinkLine class="h-3.5 w-3.5" />
</a> </a>