Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-20 08:45:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1533588 - Bookmark confirmation hint panel is missing "Saved to Library!" text after landing patch from bug #1528955 r=dao

Browse Source 
MozReview-Commit-ID: Ks6TAsIpHFz

Differential Revision: https://phabricator.services.mozilla.com/D22991

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Ricky Rosario 2019-03-13 08:16:27 +00:00
parent b045d7e6db
commit 13c49573c1
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
browser/base/content/browser.js
View File

@ -8302,14 +8302,14 @@ var ConfirmationHint = {
// The timeout value used here allows the panel to stay open for
// 1.5s second after the text transition (duration=120ms) has finished.
// If there is a description, we show for 4s and there is no text transition.
const DURATION = options.showDescription ? 4000 : 1500 + 120;
// If there is a description, we show for 4s after the text transition.
const DURATION = options.showDescription ? 4000 : 1500;
this._panel.addEventListener("popupshown", () => {
this._animationBox.setAttribute("animate", "true");
setTimeout(() => {
this._panel.hidePopup(true);
}, DURATION);
}, DURATION + 120);
}, {once: true});
this._panel.addEventListener("popuphidden", () => {

2
browser/base/content/browser.xul
View File

@ -572,7 +572,7 @@
<hbox id="confirmation-hint-checkmark-animation-container">
<image id="confirmation-hint-checkmark-image"/>
</hbox>
<vbox>
<vbox id="confirmation-hint-message-container">
<label id="confirmation-hint-message"/>
<label id="confirmation-hint-description"/>
</vbox>

4
browser/themes/shared/customizableui/panelUI.inc.css
View File

@ -303,14 +303,14 @@ panel[photon] > .panel-arrowcontainer > .panel-arrowcontent {
font-weight: 600;
}
#confirmation-hint:not(.with-description) #confirmation-hint-message {
#confirmation-hint-message-container {
transform: scale(.8);
opacity: 0;
transition: transform 120ms cubic-bezier(.25,1.27,.35,1.18),
opacity 60ms linear;
}
#confirmation-hint-checkmark-animation-container[animate] + #confirmation-hint-message {
#confirmation-hint-checkmark-animation-container[animate] + #confirmation-hint-message-container {
transform: scale(1);
opacity: 1;
}