From: Alexander Ebert <ebert@woltlab.com>
Date: Thu, 1 Sep 2016 10:07:04 +0000 (+0200)
Subject: Using a different style for mobile menu buttons
X-Git-Tag: 3.0.0_Beta_1~368^2~1
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=9cf61ff019edb75b8218560e1991574f2a04a3f4;p=GitHub%2FWoltLab%2FWCF.git

Using a different style for mobile menu buttons
---

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index d7800c08c3..ebb3821ff8 100644
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -349,14 +349,6 @@
 	}
 }
 
-@keyframes wcfMobileMenuNewContent {
-	0%   { box-shadow: 0 0 0 rgba(255, 0, 0, 0); }
-	25%  { box-shadow: 0 0 0 rgba(255, 0, 0, 1); }
-	50%  { box-shadow: 0 0 10px rgba(255, 0, 0, 1); }
-	75%  { box-shadow: 0 0 0 rgba(255, 0, 0, 1); }
-	100% { box-shadow: 0 0 0 rgba(255, 0, 0, 0); }
-}
-
 @include screen-md-down {
 	.pageHeader > div > div {
 		padding-bottom: 10px;
@@ -406,6 +398,8 @@
 	
 	.mainMenu,
 	.userPanel {
+		position: relative;
+		
 		&::before {
 			background-color: $wcfHeaderMenuBackground;
 			border-radius: 2px;
@@ -421,9 +415,15 @@
 			color: $wcfHeaderMenuLinkActive;
 		}
 		
-		&.pageMenuMobileButtonHasContent::before {
-			animation: wcfMobileMenuNewContent 8s infinite;
-			animation-delay: 2s;
+		&.pageMenuMobileButtonHasContent::after {
+			background-color: rgb(244, 67, 54);
+			border-radius: 50%;
+			content: "";
+			height: 10px;
+			position: absolute;
+			right: -3px;
+			top: -6px;
+			width: 10px;
 		}
 	}