Add: PictureInPicture Tab - Show PIP Icon

This commit is contained in:
alstjr7375 2021-05-24 10:08:16 +09:00
parent c0af7a0b20
commit 7cef7167ee

View file

@ -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;