Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Verified Commit 16ee6ffc authored by Nicolas Gelot's avatar Nicolas Gelot
Browse files

fix(header): theme contacts menu icon in top bar 

Replace the default contacts menu trigger icon with a Murena-themed asset wired through the helper icon variables so it stays visible in both light and dark themes.
parent 2b728406

appinfo/info.xml

+1 −1
Original line number Diff line number Diff line
@@ -5,7 +5,7 @@ 
    <name>/e/ Cloud Theme Helper</name>

    <summary>/e/ Theme Helper App</summary>

    <description><![CDATA[Theme Helper App]]></description>

    <version>11.0.0</version>

    <version>11.0.1</version>

    <licence>MURENA SAS</licence>

	  <author mail="dev@murena.com" >MURENA SAS</author>

    <namespace>EcloudThemeHelper</namespace>

img/actions/user-search.svg

0 → 100644
+3 −0
Original line number Diff line number Diff line 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">

  <path fill="#000" d="M20,0H4V2H20V0M4,24H20V22H4V24M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M12,6.75A2.25,2.25 0 0,1 14.25,9A2.25,2.25 0 0,1 12,11.25A2.25,2.25 0 0,1 9.75,9A2.25,2.25 0 0,1 12,6.75M17,17H7V15.5C7,13.83 10.33,13 12,13C13.67,13 17,13.83 17,15.5V17Z"/>

</svg>

lib/Listeners/BeforeTemplateRenderedListener.php

+1 −0
Original line number Diff line number Diff line
@@ -31,6 +31,7 @@ class BeforeTemplateRenderedListener implements IEventListener { 
		$pathInfo = $this->request->getPathInfo();

		$this->util->addStyle($this->appName, 'icons');

		$this->util->addStyle($this->appName, 'icons-vars');

		$this->util->addStyle($this->appName, 'header-contactsmenu');



		if (strpos($pathInfo, '/apps/files') !== false) {

			$this->util->addStyle($this->appName, 'files');

scss/header-contactsmenu.scss

0 → 100644
+33 −0
Original line number Diff line number Diff line 
#header #contactsmenu .header-menu__trigger {

	opacity: 0.6;

}



#header #contactsmenu .header-menu__trigger:hover,

#header #contactsmenu .header-menu__trigger:focus-visible {

	opacity: 1;

}



#header #contactsmenu .header-menu__trigger .button-vue__wrapper {

	display: inline-flex;

	align-items: center;

	justify-content: center;

}



#header #contactsmenu .header-menu__trigger .button-vue__wrapper::before {

	content: "";

	display: block;

	width: 20px;

	height: 20px;

	background-color: var(--color-main-text);

	-webkit-mask: url("../img/actions/user-search.svg") center / contain no-repeat;

	mask: url("../img/actions/user-search.svg") center / contain no-repeat;

}



#header #contactsmenu .header-menu__trigger .button-vue__icon,

#header #contactsmenu .header-menu__trigger .contactsmenu__trigger-icon,

#header #contactsmenu .header-menu__trigger .contactsmenu__trigger-icon svg,

#header #contactsmenu .header-menu__trigger .contactsmenu__trigger-icon path,

#header #contactsmenu .header-menu__trigger .material-design-icon,

#header #contactsmenu .header-menu__trigger .material-design-icon__svg {

	display: none !important;

}