From: Marcel Werk <burntime@woltlab.com>
Date: Fri, 27 Jan 2017 10:10:18 +0000 (+0100)
Subject: Fixed content wrapping in breadcrumbs
X-Git-Tag: 3.0.2~48
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=5d4bad9ed5dcceb595d64b9e9c8255c10f8bd8fd;p=GitHub%2FWoltLab%2FWCF.git

Fixed content wrapping in breadcrumbs
---

diff --git a/wcfsetup/install/files/style/layout/pageNavigation.scss b/wcfsetup/install/files/style/layout/pageNavigation.scss
index a2f55c460c..21b5b904f0 100644
--- a/wcfsetup/install/files/style/layout/pageNavigation.scss
+++ b/wcfsetup/install/files/style/layout/pageNavigation.scss
@@ -3,13 +3,13 @@
 		background-color: $wcfNavigationBackground;
 		color: $wcfNavigationText;
 		flex: 0 0 auto;
-		padding: 5px 0;
+		padding: 10px 0;
 		
 		> div {
 			align-items: center;
 			display: flex;
 			justify-content: flex-end;
-			height: 30px;
+			min-height: 20px;
 		}
 		
 		.icon {
@@ -33,6 +33,7 @@
 		display: flex;
 		flex: 0 0 auto;
 		flex-direction: row-reverse;
+		margin-left: 10px;
 		
 		> li {
 			flex: 0 0 auto;
diff --git a/wcfsetup/install/files/style/ui/breadcrumb.scss b/wcfsetup/install/files/style/ui/breadcrumb.scss
index 638233855b..82810acd68 100644
--- a/wcfsetup/install/files/style/ui/breadcrumb.scss
+++ b/wcfsetup/install/files/style/ui/breadcrumb.scss
@@ -3,10 +3,11 @@
 	
 	> ol {
 		display: flex;
+		flex-wrap: wrap;
 		
 		> li {
 			flex: 0 0 auto;
-			white-space: nowrap;
+			max-width: 100%;
 			
 			@include wcfFontSmall;