fixed user menu icons (#374)

nextmcloud · Nov 8, 2024 · f2855df · f2855df
1 parent 149cb6b
commit f2855df
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 5 deletions.
diff --git a/css/components/ncusermenu.scss b/css/components/ncusermenu.scss
@@ -14,7 +14,7 @@
                 }
 
                 &:hover span,
-                &:hover a {
+                &:hover a, &:hover button {
                     // Style user menu colors for Darkmode
                     @media (prefers-color-scheme: dark) {
                         color: var(--nmc-color-text-and-icon-primary-standard);
@@ -26,7 +26,7 @@
 
                 }
 
-                a {
+                a, button {
                     padding-left: 48px;
 
                     &::after {
@@ -74,6 +74,10 @@
                 &#logout>a::after {
                     background-image: var(--icon-logout-dark);
                 }
+
+                &#nmc_welcome_popup-about>button::after {
+                    background-image: var(--icon-news-dark);
+                }
             }
         }
     }

diff --git a/css/layouts/header.scss b/css/layouts/header.scss
@@ -181,8 +181,8 @@ header {
 }
 
 // Custom styling for the 'Search' button
-#header .header-right .header-menu:not(.user-menu) {
-	button.unified-search__button {
+#header .header-right .header-menu.unified-search-menu {
+	button {
 		border: none;
 		border-radius: 0;
 		height: 100%;

diff --git a/img/content/news.svg b/img/content/news.svg
diff --git a/src/icons.mjs b/src/icons.mjs
@@ -157,6 +157,7 @@ const icons = {
 	'arrow-next': path.join(__dirname, '../img', 'breadcrumb-arrow.svg'),
 	filter: path.join(__dirname, '../img', 'actions', 'filter.svg'),
 	calendar: path.join(__dirname, '../img', 'content', 'calendar.svg'),
+	news: path.join(__dirname, '../img', 'content', 'news.svg'),
 	'filetype-diagram': path.join(__dirname, '../img', 'filetypes', 'x-office-drawing.svg'),
 	'filetype-document': path.join(__dirname, '../img', 'filetypes', 'x-office-document.svg'),
 	'filetype-presentation': path.join(__dirname, '../img', 'filetypes', 'x-office-presentation.svg'),

diff --git a/src/nmcheader.ts b/src/nmcheader.ts
@@ -35,7 +35,7 @@ window.addEventListener('DOMContentLoaded', function() {
 		}
 	}
 
-	const searchButton = document.querySelector('button.unified-search__button')
+	const searchButton = document.querySelector('.unified-search-menu > button')
 	if (searchButton !== null) {
 		const searchlabel = document.createElement('span')
 		searchlabel.className = 'button-vue__label'