From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 21 Mar 2016 14:19:12 +0000 (+0100)
Subject: Improved mobile optimization for `.contentNavigation`
X-Git-Tag: 3.0.0_Beta_1~1990
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=b4a9bd98ec42e057f3ea4636ea3949dc5e2dc375;p=GitHub%2FWoltLab%2FWCF.git

Improved mobile optimization for `.contentNavigation`
---

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index 354f9aa16a..82cfbd044c 100644
--- a/wcfsetup/install/files/style/layout/content.scss
+++ b/wcfsetup/install/files/style/layout/content.scss
@@ -273,19 +273,10 @@ fieldset {
 	}
 	
 	@include small-screen-only {
-		> nav + nav > ul {
-			// gap between pagination and navigation buttons
-			margin-top: 10px;
-		}
-		
 		ul {
 			margin-top: 30px;
 			
 			> li {
-				& + li {
-					margin-top: 10px;
-				}
-				
 				> .button {
 					display: block;
 					padding: 7px 10px;
@@ -293,5 +284,24 @@ fieldset {
 				}
 			}
 		}
+		
+		> nav:not(.pagination) > ul > li + li {
+			margin-top: 10px;
+		}
+	}
+}
+
+@include small-screen-only {
+	.contentNavigation > .pagination {
+		display: none;
+	}
+	
+	.section ~ .contentNavigation > .pagination {
+		display: block;
+		
+		& + nav {
+			// gap between pagination and navigation buttons
+			margin-top: 10px;
+		}
 	}
 }