yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes icon alignment in links in redirect dashboard

Browse Source
This commit is contained in:
Søren Kottal
2024-10-14 11:47:31 +02:00
committed by Jacob Overgaard
parent 4726335a7d
commit 62050e9cb6
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/Umbraco.Web.UI.Client/src/packages/documents/document-redirect-management/dashboard-redirect-management.element.ts
View File

@@ -212,15 +212,19 @@ export class UmbDashboardRedirectManagementElement extends UmbLitElement {
return html` <uui-table-row>
<uui-table-cell> ${data.culture || '*'} </uui-table-cell>
<uui-table-cell>
<a href="${data.originalUrl || '#'}" target="_blank"> ${data.originalUrl}</a>
<uui-icon name="icon-out"></uui-icon>
<a href="${data.originalUrl || '#'}" target="_blank">
<span>${data.originalUrl}</span>
<uui-icon name="icon-out"></uui-icon>
</a>
</uui-table-cell>
<uui-table-cell>
<uui-icon name="icon-arrow-right"></uui-icon>
</uui-table-cell>
<uui-table-cell>
<a href="${data.destinationUrl || '#'}" target="_blank"> ${data.destinationUrl}</a>
<uui-icon name="icon-out"></uui-icon>
<a href="${data.destinationUrl || '#'}" target="_blank">
<span>${data.destinationUrl}</span>
<uui-icon name="icon-out"></uui-icon>
</a>
</uui-table-cell>
<uui-table-cell>
<uui-action-bar style="justify-self: left;">
@@ -290,6 +294,12 @@ export class UmbDashboardRedirectManagementElement extends UmbLitElement {
justify-content: center;
margin-top: var(--uui-size-space-5);
}
uui-table-cell a:has(span, uui-icon) {
display: inline-flex;
align-items: center;
gap: var(--uui-size-2);
}
`,
];
}