Feedback Compilation - June

[quietrobot]

🔴 1. Tab group and split view

• Missing icons in the context menu
• Broken group layout (missing rounded edges, overlapping buttons, vertically misaligned rectangle color)
• Broken splitview tab selector (text outside the panel)

🔴 2. Download icon

• Pixelated download progress circle
• Inconsistent icon of attention (should be a dot with the accent color)

🔴 3. Toolbar menu popups

• invisible urlbar buttons (location, security...)
• buttons without background color or misaligned
• enable css for the "edit bookmark" menu (here my CSS)

🔴 4. Settings

• corrupted search bar and side menu css
• vertical blue selection line thinner than it should
• passwords icon missing
• corrupted "save files to" css

🔴 5. Other missing icons

• reveal password (right click menu)
• suggest password (right click menu)
• eyedropper (settings, when browser toolbox is not enabled)
• AI chat (side bar, when you have not yet selected any service)
• clear search history (right click menu)

FIXES --------------------------------------------------------------------------------------------------------------------------------------

🟡 1. Print Preview

The side menu in the print UI looks cut off.

/* Fix - Print preview */

hbox.dialogBox.printDialogBox {
  overflow: hidden !important;
}

browser.printSettingsBrowser,
browser.dialogFrame.printSettingsBrowser {
  flex: 0 0 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
  z-index: 999 !important;
}

print-preview {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

🟡 2. Toolbar permissions icons

This is part of the invisible icons in the toolbar that I mentioned earlier, perhaps it could be the solution.

/* Fix - Permissions icons */

#permissions-granted-icon,
.geo-icon,
.geo-icon.blocked-permission-icon,
.xr-icon,
.xr-icon.blocked-permission-icon,
.popup-notification-icon[popupid="web-notifications"],
.desktop-notification-icon,
.desktop-notification-icon.blocked-permission-icon,
.camera-icon,
.camera-icon.blocked-permission-icon,
.microphone-icon,
.microphone-icon.blocked-permission-icon,
.screen-icon,
.screen-icon.blocked-permission-icon,
.canvas-icon,
.canvas-icon.blocked-permission-icon,
.persistent-storage-icon,
.persistent-storage-icon.blocked-permission-icon,
.autoplay-media-icon,
.autoplay-media-icon.blocked-permission-icon {
  list-style-image: none !important;
  -webkit-mask-size: var(--size-item-small) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  background-color: currentColor !important;
  height: 24px !important;
}

#permissions-granted-icon { -webkit-mask-image: url("permissions.svg") !important; }
.geo-icon { -webkit-mask-image: url("geo.svg") !important; }
.geo-icon.blocked-permission-icon { -webkit-mask-image: url("geo-blocked.svg") !important; }
.xr-icon { -webkit-mask-image: url("xr.svg") !important; }
.xr-icon.blocked-permission-icon { -webkit-mask-image: url("xr-blocked.svg") !important; }
.popup-notification-icon[popupid="web-notifications"],
.desktop-notification-icon { -webkit-mask-image: url("desktop-notification.svg") !important; }
.desktop-notification-icon.blocked-permission-icon { -webkit-mask-image: url("desktop-notification-blocked.svg") !important; }
.camera-icon { -webkit-mask-image: url("camera.svg") !important; }
.camera-icon.blocked-permission-icon { -webkit-mask-image: url("camera-blocked.svg") !important; }
.microphone-icon { -webkit-mask-image: url("microphone.svg") !important; }
.microphone-icon.blocked-permission-icon { -webkit-mask-image: url("microphone-blocked.svg") !important; }
.screen-icon { -webkit-mask-image: url("screen.svg") !important; }
.screen-icon.blocked-permission-icon { -webkit-mask-image: url("screen-blocked.svg") !important; }
.canvas-icon { -webkit-mask-image: url("canvas.svg") !important; }
.canvas-icon.blocked-permission-icon { -webkit-mask-image: url("canvas-blocked.svg") !important; }
.persistent-storage-icon { -webkit-mask-image: url("persistent-storage.svg") !important; }
.persistent-storage-icon.blocked-permission-icon { -webkit-mask-image: url("persistent-storage-blocked.svg") !important; }
.autoplay-media-icon { -webkit-mask-image: url("autoplay-media.svg") !important; }
.autoplay-media-icon.blocked-permission-icon { -webkit-mask-image: url("autoplay-media-blocked.svg") !important; }