Who want to fix the notifications at first can use this Code:

div#bx_notifications_preview {

  right: -1rem !important;

  left: auto !important;

position: fixed !important;

}

  • 1140
Comments
    • Thank you so much for sharing. What is the notification issue to fix by this code?

      • The Notification Popup is not showing correctly, with that piece of Css u can fix it at first.

        • Let me know it is working or not please

          • Woow, thank you very much Excel. I have applied the fix in Studio > Artificer > Styles > Custom Style and it worked.

            I was about to report this issue in this forum then I saw your post.

            @Anton L you should consider adding this fix to the 13-B3 release.

            Even here on UNA.io the same problem occurs as you can see in the screenshot I have attached to this message.

            When you click on the notification icon, the notification preview (popup) shows well (good position) just for few second, then it goes offset right (I don't know whether that is the correct word to use but you will understand better what I mean by seeing the screenshot). Consequently, the scrollbar of the notification preview is not being displayed and words are cut. I had this issue using Chrome even with different screen resolutions.

            • better is this code:

              div#bx_notifications_preview {

                right: -1rem !important;

                left: auto !important;

              position: fixed !important;

              }

              with that code u have it directly on right side and u fix it ... i saw the notifications jumping with scrolling.

              • with that code u can set the Notifications in a 100% height if u want:

                div#bx_notifications_preview .bx-popup.bx-popup-trans.bx-popup-border.bx-popup-color-bg {

                  height: 100vh;

                  border-radius: 0px;

                }

                Login or Join to comment.