зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1777456 - Add some width to the PIP explainer box. r=pip-reviewers,kpatenio
With the new description strings added in bug 1774688, it's easier for the explainer widget to run into the video controls. Making it wider should make that problem less likely, and also make it read a bit better now. Differential Revision: https://phabricator.services.mozilla.com/D151415
This commit is contained in:
Родитель
b328806a08
Коммит
1e6f0c752f
|
@ -697,12 +697,12 @@
|
||||||
.pip-expanded {
|
.pip-expanded {
|
||||||
border: var(--pip-highlight-width) var(--pip-highlight-style);
|
border: var(--pip-highlight-width) var(--pip-highlight-style);
|
||||||
transition: opacity 250ms, scale 200ms, translate 190ms;
|
transition: opacity 250ms, scale 200ms, translate 190ms;
|
||||||
justify-content: left;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background-color: rgba(12,12,13,0.9);
|
background-color: rgba(12,12,13,0.9);
|
||||||
box-shadow: 0px 4px 4px rgba(12,12,13,0.25);
|
box-shadow: 0px 4px 4px rgba(12,12,13,0.25);
|
||||||
width: max-content;
|
width: max-content;
|
||||||
|
min-width: 200px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -711,10 +711,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.pip-wrapper[position="right"] > .pip-expanded {
|
.pip-wrapper[position="right"] > .pip-expanded {
|
||||||
|
|
||||||
translate: calc(-100% + var(--pip-icon-width-with-margins));
|
translate: calc(-100% + var(--pip-icon-width-with-margins));
|
||||||
transform-origin: right;
|
transform-origin: right;
|
||||||
justify-content: right;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.pip-wrapper:is([small-video],[has-used]) > .pip-expanded,
|
.pip-wrapper:is([small-video],[has-used]) > .pip-expanded,
|
||||||
|
|
Загрузка…
Ссылка в новой задаче