Fix primary links

Signed-off-by: Joas Schilling <coding@schilljs.com>
nextcloud · Mar 25, 2022 · f805247 · f805247
1 parent 20162e1
commit f805247
Showing 1 changed file with 33 additions and 19 deletions.
diff --git a/css/styles.scss b/css/styles.scss
@@ -196,24 +196,42 @@
 			vertical-align: baseline;
 			padding: 8px 16px;
 
-			box-shadow: 0 0 0 2px var(--color-border-dark);
-			&:hover {
-				color: var(--color-main-text);
-				background-color: var(--color-background-dark);
-				box-shadow: 0 0 0 2px var(--color-primary-element);
-			}
-			&:active {
-				box-shadow: 0 0 0 2px var(--color-main-text);
+			&:not(.primary) {
+				box-shadow: 0 0 0 2px var(--color-border-dark);
+				&:hover {
+					color: var(--color-main-text);
+					background-color: var(--color-background-dark);
+					box-shadow: 0 0 0 2px var(--color-primary-element);
+				}
+				&:active {
+					box-shadow: 0 0 0 2px var(--color-main-text);
+				}
+
+				&--tabbed {
+					box-shadow: 0 0 0 2px var(--color-main-text);
+					background-color: var(--color-primary-light-hover);
+					&.button-vue--vue-primary {
+						background-color: var(--color-primary-hover);
+					}
+					&.button-vue--vue-secondary {
+						box-shadow: 0 0 0 2px var(--color-main-text);
+					}
+				}
 			}
 
-			&--tabbed {
-				box-shadow: 0 0 0 2px var(--color-main-text);
-				background-color: var(--color-primary-light-hover);
-				&.button-vue--vue-primary {
-					background-color: var(--color-primary-hover);
+			&.primary {
+				box-shadow: none;
+				background-color: var(--color-primary-element);
+				color: var(--color-primary-text);
+				&:hover {
+					background-color: var(--color-primary-element-hover);
 				}
-				&.button-vue--vue-secondary {
-					box-shadow: 0 0 0 2px var(--color-main-text);
+				&:active {
+					background-color: var(--color-primary-element);
+				}
+
+				&.button--tabbed {
+					background-color: var(--color-primary-hover);
 				}
 			}
 		}
@@ -223,10 +241,6 @@
 			margin: 2px 8px;
 		}
 
-		.action-button.primary {
-			color: var(--color-primary-text);
-		}
-
 		&:first-child {
 			margin-left: auto;
 		}