Include scss style in webpack output

Signed-off-by: Louis Chemineau <[email protected]>

Author: artonge

js/notifications-main.js

@@ -85,6 +85,5 @@ public function handle(Event $event): void {
 		);
 
 		Util::addScript('notifications', 'notifications-main');
-		Util::addStyle('notifications', 'styles');
 	}
 }

js/notifications-main.js.map

@@ -20,6 +20,7 @@
 
 import Vue from 'vue'
 import App from './App'
+import './styles/styles.scss'
 
 // Styles
 import '@nextcloud/dialogs/styles/toast.scss'

lib/Listener/BeforeTemplateRenderedListener.php

@@ -61,13 +61,6 @@
 		flex-direction: column;
 	}
 
-	.emptycontent {
-		padding: 50px 0;
-		margin: 0;
-
-		@include icon-black-white('notifications', 'notifications', 1);
-	}
-
 	.dismiss-all {
 		display: flex;
 		justify-content: center;
@@ -196,18 +189,18 @@
 				&: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);
+			&--tabbed:not(.primary) {
+				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-primary {
+					background-color: var(--color-primary-hover);
+				}
 
-					&.button-vue--vue-secondary {
-						box-shadow: 0 0 0 2px var(--color-main-text);
-					}
+				&.button-vue--vue-secondary {
+					box-shadow: 0 0 0 2px var(--color-main-text);
 				}
 			}