Add mozilla check

Author: rugk

EnvironmentalOptions.js

@@ -24,9 +24,25 @@ async function isMobile() {
     return platformInfo.os === "android";
 }
 
+/**
+* Returns whether the current browser is from Mozilla.
+*
+*  This includes Firefox and Thunderbird e.g.
+*
+* @private
+* @returns {Promise<bool>}
+*/
+async function isMozilla() {
+    const browserInfo = await browser.runtime.getBrowserInfo();
+
+    return browserInfo.vendor === "Mozilla";
+}
+
 /**
 * Returns whether the current browser is Firefox.
 *
+*  This does not include Thunderbird!
+*
 * @private
 * @returns {Promise<bool>}
 */
@@ -58,6 +74,12 @@ export function init() {
         }
         document.querySelector("body").classList.add("firefox");
     });
+    isMozilla().then((isCurrentlyMozilla) => {
+        if (!isCurrentlyMozilla) {
+            return;
+        }
+        document.querySelector("body").classList.add("mozilla");
+    });
 
     return Promise.all([isMobile, isFirefox]);
 }

README.md

@@ -263,7 +263,8 @@ To automatically disable options depending on the environment, load the `Environ
 
 If you do so, you can use two CSS classes:
 * You can use the CSS class `.mobile-incompatible` to mark options that are not compatible with Android/mobile devices. 
-* You can use the CSS class `.firefox-only` to mark options that are only compatible with the Mozilla Firefox browser. 
+* You can use the CSS class `.firefox-only` to mark options that are only compatible with the Mozilla Firefox browser.  **This does _not_ include Thunderbird
+* You can use the CSS class `.mozilla-only` to mark options that are only compatible with the Mozilla products like Mozilla Firefox and Thunderbird.
 
 ## API note
 

css/photonOptions.css

@@ -46,6 +46,9 @@ body.mobile .mobile-incompatible {
 body:not(.firefox) .firefox-only {
   display: none;
 }
+body:not(.mozilla) .mozilla-only {
+  display: none;
+}
 
 /* https://design.firefox.com/photon/patterns/inactive.html */
 [disabled],