From 1fddbbab8b294822c039b7654753a56b08f54762 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 14 Mar 2016 17:40:42 +0100
Subject: [PATCH] Improved visuals for date picker

---
 .../install/files/style/ui/datePicker.scss    | 39 +++++++++++++------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/wcfsetup/install/files/style/ui/datePicker.scss b/wcfsetup/install/files/style/ui/datePicker.scss
index 149f329478..b6ab4af3a0 100644
--- a/wcfsetup/install/files/style/ui/datePicker.scss
+++ b/wcfsetup/install/files/style/ui/datePicker.scss
@@ -27,24 +27,32 @@
 	}
 	
 	> .elementPointer {
-		border-color: $wcfDropdownBorder transparent;
-		border-style: solid;
-		border-width: 0 8px 8px;
+		border: 10px solid transparent;
+		border-bottom-color: $wcfDropdownBorder;
+		border-top-width: 0;
 		
 		> span {
-			border-color: $wcfDropdownBackground transparent;
-			border-style: solid;
-			border-width: 0 6px 6px;
-			left: -6px;
+			border: 9px solid transparent;
+			border-bottom-color: $wcfDropdownBackground;
+			border-top-width: 0;
+			left: -9px;
 			position: absolute;
-			top: 2px;
+			top: 1px;
 		}
 		
 		&.flipVertical {
-			border-width: 8px 8px 0;
+			border: 10px transparent solid;
+			border-top-color: $wcfDropdownBorder;
+			border-bottom-width: 0;
+			bottom: 0;
+			top: auto;
 			
 			> span {
-				border-width: 6px 6px 0;
+				border: 9px transparent solid;
+				border-top-color: $wcfDropdownBackground;
+				border-bottom-width: 0;
+				bottom: 1px;
+				top: auto;
 			}
 		}
 	}
@@ -80,9 +88,14 @@
 	}
 	
 	> ul > li {
-		border-top: 1px solid $wcfDropdownBorder;
+		border-top: 1px solid $wcfDropdownBorderInner;
 		display: flex;
 		
+		&.weekdays,
+		&.weekdays + li {
+			border-top-color: $wcfDropdownBorder;
+		}
+		
 		> a,
 		> span {
 			display: block;
@@ -91,7 +104,7 @@
 			text-align: center;
 			
 			&:not(:last-child) {
-				border-right: 1px solid $wcfDropdownBorder;
+				border-right: 1px solid $wcfDropdownBorderInner;
 			}
 		}
 		
@@ -115,7 +128,9 @@
 		}
 		
 		> span {
+			color: $wcfContentDimmedText;
 			text-transform: uppercase;
+			
 			@include wcfFontSmall;
 		}
 	}
-- 
2.20.1