Merge pull request #23 from nextcloud/datepicker/headers-style-fixes

Datepicker headers, time, date and scroll style fixes
nextcloud-libraries · Sep 11, 2018 · bf4eed1 · bf4eed1
2 parents 1d3da7c + 3aeb1c5
commit bf4eed1
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 15 deletions.
diff --git a/dist/ncvuecomponents.js b/dist/ncvuecomponents.js
diff --git a/dist/ncvuecomponents.js.map b/dist/ncvuecomponents.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/DatetimePicker/index.scss b/src/components/DatetimePicker/index.scss
@@ -41,6 +41,12 @@
 	> a {
 		&:hover {
 			color: var(--color-main-text);
+			background-color: var(--color-background-darker);
+		}
+		&.mx-current-month,
+		&.mx-current-year {
+			padding: 5px 10px;
+			border-radius: 30px;	
 		}
 	}
 }
@@ -67,7 +73,7 @@
 			color: var(--color-text-lighter);
 			background-color: var(--color-background-darker);
 			opacity: .5;
-		}  
+		}	
 	}
 }
 
@@ -94,17 +100,21 @@
 }
 
 .mx-time-list {
+	padding: 5px;
+	li {
+		display: flex;
+		justify-content: center;
+	}
 	&::-webkit-scrollbar {
-		width: 8px;
-		height: 8px;
+		width: 5px;
+		height: 5px;
 	}
 	&::-webkit-scrollbar-thumb {
-		background-color: rgba(0, 0, 0, 0.05);
-		border-radius: 10px;
-		box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
+		background-color: var(--color-background-darker);
+		border-radius: var(--border-radius);
+		box-shadow: none;
 	}
-
 	&:hover::-webkit-scrollbar-thumb {
-		background-color: rgba(0, 0, 0, 0.2);
+		background-color: var(--color-background-darker);
 	}
 }