Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] tabstoolbar_below_navigation_toolbar.uc.js + notification box placement. #69

Open
Sneakpeakcss opened this issue May 1, 2022 · 2 comments

Comments

@Sneakpeakcss
Copy link

Describe the issue:
tabstoolbar_below_navigation_toolbar.uc.js places tabs under navbar correctly, but after some update between ESR78-ESR91 #tab-notification-deck is placed between the two.

What should have happened instead?
#tab-notification-deck should be placed below TabsToolbar

Steps to reproduce the issue?
Force firefox to show a notification.

Method used (M1, M2 or M3):
M2

Screenshots (drag and drop images into this post):

notificationbox

System information
OS & OS version: Win10 Pro
OS theme: Default
DPI / HiDPI resolution: Default
Firefox or Thunderbird: Firefox
Firefox/Thunderbird version: ESR91/Dev100.0b2
Firefox/Thunderbird theme: Dark
Settings this issue occurs with: Default

@Aris-t2
Copy link
Owner

Aris-t2 commented May 3, 2022

Not sure how to force the box to appear right now for testing.

Try this code in userChrome.css, it might be the "box":

#tab-notification-deck-template {
  -moz-box-ordinal-group: 100 !important;
}

@Sneakpeakcss
Copy link
Author

Sneakpeakcss commented May 3, 2022

@Aris-t2

Aminomancer has a nice little code to evoke that notification from console.
Depending on FF version:

{let notificationTest=gBrowser.getNotificationBox(gBrowser.selectedBrowser);notificationTest.appendNotification(null,{label:"This is a demo notification",priority:notificationTest.PRIORITY_INFO_HIGH},[{label:"Button 1"},{label:"Link 1",supportPage:"https://github.com/aminomancer/uc.css.js"}])}

or

{let notificationTest = gBrowser.getNotificationBox(gBrowser.selectedBrowser); notificationTest.appendNotification("This is a demo notification", null, null, notificationTest.PRIORITY_INFO_HIGH);}

While #tab-notification-deck-template didn't do anything, #tab-notification-deck seems to work in both ESR91 and DEV100

#tab-notification-deck{
  -moz-box-ordinal-group: 100 !important;
}

image

So from now on that css code seems to be required with tabstoolbar_below_navigation_toolbar.uc.js, unless there's a JavaScript way of doing the same.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants