From b3c8f49bba7a0ac1f5985df456b546c46f5a6eb0 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Wed, 26 Jul 2017 12:56:52 +0200
Subject: [PATCH] Display tiny breadcrumbs on smaller screens

Closes #2352
---
 .../files/style/layout/pageNavigation.scss    | 27 ++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/wcfsetup/install/files/style/layout/pageNavigation.scss b/wcfsetup/install/files/style/layout/pageNavigation.scss
index 0af341b7e9..c17b283743 100644
--- a/wcfsetup/install/files/style/layout/pageNavigation.scss
+++ b/wcfsetup/install/files/style/layout/pageNavigation.scss
@@ -48,8 +48,33 @@
 }
 
 @include screen-sm-down {
-	.pageNavigation {
+	.breadcrumbs > ol > li {
 		display: none;
+		
+		&:last-child {
+			align-items: center;
+			color: $wcfContentDimmedText;
+			display: flex;
+			flex: 1;
+			
+			@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;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+		}
 	}
 }
 
-- 
2.20.1