Merge pull request #17949 from wilsonpage/bug/991506

Bug 991506 - flash and swap buttons respond to touches even when hidden

apps/camera/style/hud.css

@@ -68,46 +68,45 @@
 /** Camera Button
  ---------------------------------------------------------*/
 
+/**
+ * 1. Hidden by default
+ */
+
 .hud_camera {
   font-size: 2.6rem;
   transition: opacity 300ms;
-  opacity: 0;
+  opacity: 0; /* 1 */
 }
 
 /**
- * @camera-enabled
+ * camera-enabled=true
  */
 
 .hud[camera-enabled=true] .hud_camera {
   opacity: 1;
 }
 
 /**
- * @camera-hidden
- */
-
-.hud.camera-hidden .hud_camera {
-  opacity: 0;
-}
-
-/**
- * @toggling-camera
+ * camera-enabled=false
  */
 
-.hud[toggling-camera=true] .hud_camera {
-  background-color: #00b9df;
+.hud[camera-enabled=false] .hud_camera {
+  pointer-events: none;
 }
 
-
 /** Flash Button
  ---------------------------------------------------------*/
 
+/**
+ * 1. Hidden by default
+ */
+
 .hud_flash {
   width: 5.8rem;
   height: 5.8rem;
   line-height: 5.8rem;
   font-size: 2.5rem;
-  opacity: 0;
+  opacity: 0; /* 1 */
   transition: opacity 300ms;
 }
 
@@ -118,3 +117,11 @@
 .hud[flash-enabled=true] .hud_flash {
   opacity: 1;
 }
+
+/**
+ * flash-enabled=false
+ */
+
+.hud[flash-enabled=false] .hud_flash {
+  pointer-events: none;
+}