From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 22 Aug 2016 09:35:45 +0000 (+0200)
Subject: Overhauled usage-bar styling
X-Git-Tag: 3.0.0_Beta_1~18
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=7aff20d6f3b5162519356475b17d6dfce854174b;p=GitHub%2FWoltLab%2Fcom.woltlab.wcf.conversation.git

Overhauled usage-bar styling
---

diff --git a/files/style/conversation.scss b/files/style/conversation.scss
index 4cf0e8e..32e1fd5 100644
--- a/files/style/conversation.scss
+++ b/files/style/conversation.scss
@@ -22,26 +22,30 @@
 	text-align: center;
 }
 .conversationUsageBar {
-	border-radius: 5px;
-	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);
-	height: 20px;
-	padding: 4px;
+	background-color: rgba(165, 223, 65, 1);
+	height: 5px;
 	
 	> span {
-		background-image: linear-gradient(rgba(165, 223, 65, 1), rgba(76, 169, 22, 1));
-		border-radius: 3px;
-		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
+		background-color: rgba(76, 169, 22, 1);
 		color: transparent;
 		display: block;
 		height: 100%;
 	}
 	
-	&.yellow > span {
-		background-image: linear-gradient(rgba(254, 207, 35, 1), rgba(253, 146, 21, 1));
+	&.yellow {
+		background-color: rgba(254, 207, 35, 1);
+		
+		> span {
+			background-color: rgba(253, 146, 21, 1);
+		}
 	}
 	
-	&.red > span {
-		background-image: linear-gradient(rgba(240, 163, 163, 1), rgba(244, 35, 35, 1));
+	&.red {
+		background-color: rgba(255, 205, 210, 1);
+		
+		> span {
+			background-color: rgba(244, 67, 54, 1);
+		}
 	}
 }