mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-03 07:42:47 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: PictureInPicture Tab - Modified to work

Browse source
This commit is contained in:
BlaCk_Void 2021-09-09 00:29:19 +09:00
parent 7eea7d25f2
commit 7dd530c319
1 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
userChrome.css
View file

@ -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 *****************************/