fix(style): clear excessive and redundant styles

- move from separate file to component Signed-off-by: Maksim Sukharev <[email protected]>
nextcloud · Dec 23, 2024 · fc2ddd0 · fc2ddd0
1 parent 588783b
commit fc2ddd0
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 36 deletions.
diff --git a/src/Components/Notification.vue b/src/Components/Notification.vue
@@ -301,8 +301,6 @@ export default {
 
 <style lang="scss" scoped>
 .notification {
-	background-color: var(--color-main-background);
-
 	:deep(img.notification-icon) {
 		display: flex;
 		width: 32px;

diff --git a/src/NotificationsApp.vue b/src/NotificationsApp.vue
@@ -481,18 +481,28 @@ export default {
 .notification-container {
 	/* Prevent slide animation to go out of the div */
 	overflow: hidden;
-}
 
-.notification-wrapper {
-	max-height: calc(100vh - 50px * 4);
-	overflow: auto;
-}
+	&,
+	& :deep(*),
+	& :deep(*::before),
+	& :deep(*::after) {
+		box-sizing: border-box;
+	}
 
-::v-deep .empty-content {
-	margin: 12vh 10px;
+	.notification-wrapper {
+		display: flex;
+		flex-direction: column;
+		max-height: calc(100vh - 50px * 4);
+		overflow: auto;
+	}
 
-	p {
+	.dismiss-all {
+		display: flex;
+		justify-content: center;
 		color: var(--color-text-maxcontrast);
+		border-top: 1px solid var(--color-border);
+		padding: 10px;
+		background-color: var(--color-main-background);
 	}
 }
 

diff --git a/src/styles/styles.scss b/src/styles/styles.scss
@@ -23,10 +23,6 @@
 			opacity: 1;
 		}
 	}
-
-	* {
-		cursor: pointer;
-	}
 }
 
 svg {
@@ -45,28 +41,6 @@ svg {
 	}
 }
 
-.notification-container {
-	.notification-wrapper {
-		display: flex;
-		flex-direction: column;
-	}
-
-	.dismiss-all {
-		display: flex;
-		justify-content: center;
-		color: var(--color-text-maxcontrast);
-		border-top: 1px solid var(--color-border);
-		padding: 10px;
-		background-color: var(--color-main-background);
-	}
-
-	/* Menu arrow */
-	&:after {
-		right: 101px;
-	}
-}
-
-
 .notification {
 	padding-bottom: 12px;