From 7cef7167ee427d3c4dc88bae9bd5e3d6362bb212 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Mon, 24 May 2021 10:08:16 +0900
Subject: [PATCH] Add: PictureInPicture Tab - Show PIP Icon

---
 userChrome.css | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/userChrome.css b/userChrome.css
index 2742947..136e7f8 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -332,6 +332,35 @@
     padding: 0 !important;
   }
 
+  /** PictureInPicture Tab - Show PIP Icon ************************************/
+  .tab-icon-sound[pictureinpicture]:not([pinned]) {
+    /* Shape */
+    display: -moz-inline-box !important;
+    width:  14px;
+    height: 14px;
+    -moz-box-ordinal-group: 2 !important;
+
+    /* Color */
+    fill: currentColor;
+    opacity: 0.8;
+    -moz-context-properties: fill;
+
+    /* Icon */
+    list-style-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
+  }
+  .tab-icon-sound[pictureinpicture]:not([pinned])[selected] {
+    opacity: 0.95;
+  }
+
+  /* Close Button's position */
+  .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button {
+    margin-left: 7px !important;
+    -moz-box-ordinal-group: 2 !important;
+  }
+  .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button {
+    margin-left: 0px !important;
+  }
+
   /** Pinned Tab - Replace Favicon to Close Button at Selected ****************/
   .tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-close-button {
     display: -moz-box !important;