Merge pull request #157 from nextcloud/bugfix/noid/a11y

Fix accessibility issues
nextcloud · Aug 27, 2018 · bb219a1 · bb219a1
2 parents 43661d3 + e8eea16
commit bb219a1
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/css/styles.scss b/css/styles.scss
@@ -54,7 +54,7 @@
 
 	.dismiss-all {
 		display: flex;
-		opacity: 0.5;
+		color: var(--color-text-maxcontrast);
 		padding: 10px;
 		margin-left: auto;
 		margin-right: auto;
@@ -66,6 +66,7 @@
 		}
 
 		.icon-close {
+			opacity: .5;
 			margin-right: 5px;
 		}
 	}
@@ -81,27 +82,31 @@
 	padding-bottom: 12px;
 
 	&:not(:last-child) {
-		border-bottom: 1px solid rgb(238, 238, 238);
+		border-bottom: 1px solid var(--color-border);
 	}
 
 	.notification-heading {
 		display: flex;
 
 		.notification-time {
-			opacity: 0.5;
+			color: var(--color-text-maxcontrast);
 			margin: 13px 0 13px auto;
 		}
 
 		.notification-delete {
 			display: flex;
-			opacity: 0.5;
+			color: var(--color-text-maxcontrast);
 			padding: 14px;
 
 			&:hover,
 			.icon-close {
 				opacity: 1;
 				cursor: pointer;
 			}
+
+			.icon-close {
+				opacity: .5;
+			}
 		}
 	}
 
@@ -160,7 +165,7 @@
 
 	.notification-actions {
 		.action-button.primary {
-			color: $color-primary-text;
+			color: var(--color-primary-text);
 		}
 
 		&:first-child {