mirror of
https://github.com/zen-browser/desktop.git
synced 2026-04-21 23:05:47 +00:00
fix: Fixed too many addons overflowing the screen, b=closes #10918, c=common
This commit is contained in:
@@ -302,6 +302,12 @@ body > #confetti {
|
||||
gap: 8px;
|
||||
overflow: visible;
|
||||
|
||||
&[overflowing='true'] {
|
||||
overflow-x: auto;
|
||||
max-height: 420px;
|
||||
mask-image: linear-gradient(to top, transparent, black 5%);
|
||||
}
|
||||
|
||||
.unified-extensions-item-name,
|
||||
.unified-extensions-item-message,
|
||||
.unified-extensions-item-message-hover,
|
||||
|
||||
@@ -127,6 +127,16 @@ export class nsZenSiteDataPanel {
|
||||
this.#setSitePermissions();
|
||||
this.#setSiteSecurityInfo();
|
||||
this.#setSiteHeader();
|
||||
this.#setAddonsOverflow();
|
||||
}
|
||||
|
||||
#setAddonsOverflow() {
|
||||
const addons = this.document.getElementById('zen-site-data-addons');
|
||||
if (addons.getBoundingClientRect().height > 420) {
|
||||
addons.setAttribute('overflowing', 'true');
|
||||
} else {
|
||||
addons.removeAttribute('overflowing');
|
||||
}
|
||||
}
|
||||
|
||||
#setSiteHeader() {
|
||||
|
||||
Reference in New Issue
Block a user