From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 23 Aug 2022 16:14:16 +0000 (+0200)
Subject: Use an icon element for the breadcrumbs indicator
X-Git-Tag: 6.0.0_Alpha_1~1024^2~2^2~11
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=39d465d1ebc8ac0ec609b756ea66b3c49dd45a8c;p=GitHub%2FWoltLab%2FWCF.git

Use an icon element for the breadcrumbs indicator
---

diff --git a/com.woltlab.wcf/templates/breadcrumbs.tpl b/com.woltlab.wcf/templates/breadcrumbs.tpl
index 22a1b13d68..e34c000dc6 100644
--- a/com.woltlab.wcf/templates/breadcrumbs.tpl
+++ b/com.woltlab.wcf/templates/breadcrumbs.tpl
@@ -4,11 +4,18 @@
 	<nav class="breadcrumbs" aria-label="{lang}wcf.page.breadcrumb{/lang}">
 		<ol{if $__microdata} itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"{/if}>
 			{content}
-				{foreach from=$__wcf->getBreadcrumbs() item=$breadcrumb}
+				{foreach name='breadcrumbs' from=$__wcf->getBreadcrumbs() item=$breadcrumb}
 					{* skip breadcrumbs that do not expose a visible label *}
 					{if $breadcrumb->getLabel()}
 						<li title="{$breadcrumb->getLabel()}"{if $__microdata} itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"{/if}>
-							<a href="{$breadcrumb->getURL()}"{if $__microdata} itemprop="item"{/if}><span{if $__microdata} itemprop="name"{/if}>{$breadcrumb->getLabel()}</span></a>
+							<a href="{$breadcrumb->getURL()}"{if $__microdata} itemprop="item"{/if}>
+								{if $tpl.foreach.breadcrumbs.last}
+									<span class="breadcrumbsParentIndicator">
+										{icon size=16 name='arrow-left-long'}
+									</span>
+								{/if}
+								<span{if $__microdata} itemprop="name"{/if}>{$breadcrumb->getLabel()}</span>
+							</a>
 							{if $__microdata}
 								<meta itemprop="position" content="{@$__breadcrumbPos}">
 								{assign var='__breadcrumbPos' value=$__breadcrumbPos+1}
diff --git a/wcfsetup/install/files/style/layout/pageNavigation.scss b/wcfsetup/install/files/style/layout/pageNavigation.scss
index 0efba49156..c839fe9f97 100644
--- a/wcfsetup/install/files/style/layout/pageNavigation.scss
+++ b/wcfsetup/install/files/style/layout/pageNavigation.scss
@@ -64,18 +64,12 @@
 
 			@include wcfFontDefault;
 
-			&::before {
-				content: $fa-var-long-arrow-left;
-				flex: 0 auto;
-				font-family: FontAwesome;
-			}
-
 			> a {
 				color: $wcfContentDimmedLink;
 				display: block;
 				flex: 1;
 				overflow: hidden;
-				padding: 5px 0 5px 10px;
+				padding: 5px 0;
 				text-overflow: ellipsis;
 				white-space: nowrap;
 			}
diff --git a/wcfsetup/install/files/style/ui/breadcrumb.scss b/wcfsetup/install/files/style/ui/breadcrumb.scss
index 6e44ca451e..4e1da1fe34 100644
--- a/wcfsetup/install/files/style/ui/breadcrumb.scss
+++ b/wcfsetup/install/files/style/ui/breadcrumb.scss
@@ -36,3 +36,9 @@
 		}
 	}
 }
+
+@include screen-lg {
+	.breadcrumbsParentIndicator {
+		display: none;
+	}
+}