Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-09 03:15:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1795890 - Fix Ctrl+Tab labels to not overflow. r=dao

Browse Source 
Make them use CSS text-overflow rather than XUL <label crop>.

Differential Revision: https://phabricator.services.mozilla.com/D159597
This commit is contained in:
Emilio Cobos Álvarez 2022-10-18 14:53:59 +00:00
parent 98e70ad0a0
commit 8678589631
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
browser/base/content/browser-ctrlTab.js
View File

@ -240,7 +240,6 @@ var ctrlTab = {
let label = (preview._label = document.createXULElement("label"));
label.className = "ctrlTab-label plain";
label.setAttribute("crop", "end");
previewInner.appendChild(label);
return preview;
@ -281,7 +280,7 @@ var ctrlTab = {
canvas.style.maxHeight = canvasHeight + "px";
canvas.appendChild(tabPreviews.get(aTab));
aPreview._label.setAttribute("value", aTab.label);
aPreview._label.textContent = aTab.label;
aPreview.setAttribute("tooltiptext", aTab.label);
if (aTab.image) {
aPreview._favicon.setAttribute("src", aTab.image);
@ -291,7 +290,7 @@ var ctrlTab = {
aPreview.hidden = false;
} else {
aPreview.hidden = true;
aPreview._label.removeAttribute("value");
aPreview._label.textContent = "";
aPreview.removeAttribute("tooltiptext");
aPreview._favicon.removeAttribute("src");
}

5
browser/themes/shared/ctrlTab.css
View File

@ -96,5 +96,10 @@
}
.ctrlTab-label {
-moz-box-flex: 1;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
contain: inline-size;
}