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;