From 7dd530c319d317ba50c8c4ec5c2e57ae358d4dae Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Thu, 9 Sep 2021 00:29:19 +0900 Subject: [PATCH] Fix: PictureInPicture Tab - Modified to work --- userChrome.css | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index a133b11..5798473 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1389,12 +1389,17 @@ } /** PictureInPicture Tab - Show PIP Icon ************************************/ - .tab-icon-sound[pictureinpicture]:not([pinned]) { + #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after, + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[pictureinpicture]:not([pinned], :hover) .tab-content::after { + content: ""; + } + .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after { /* Shape */ display: -moz-inline-box !important; width: 14px; height: 14px; - -moz-box-ordinal-group: 2 !important; + background-size: 14px; + -moz-box-ordinal-group: 1 !important; /* Color */ fill: currentColor; @@ -1402,19 +1407,19 @@ -moz-context-properties: fill; /* Icon */ - list-style-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); + background-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); } - .tab-icon-sound[pictureinpicture]:not([pinned])[selected] { + .tabbrowser-tab[pictureinpicture]:not([pinned])[selected] .tab-content::after { opacity: 0.95; } /* Close Button's position */ - .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { + #tabbrowser-tabs:not([closebuttons="activetab"]) .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; + #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button { + margin-left: 2px !important; } /** Container Tab - Color line at icon's bottom *****************************/