Meu painel de notificações tem uma barra de rolagem

can’t the default number of notifications be 2-3numbers less so that no scroll bar may be needed? it’d be much nicer without scrollbar.

What screen resolution are you running at? Which browser is this? Do you have any level of browser zoom set?

On my browser the height and number of visible notification adjusts based on the height of the window.

no zooming, I just pressed ctrl+0 to be sure.

does screen resolution matter? it’s the default, 1366*768.

This calculation varies, with some message sets it can overextend depending on the titles of the messages. It’s a complicated thing.

2 curtidas

I see, but with 7 messages instead of 10, it’d be shorter. I guess shorter than height of the screen is nicer and more functional than scroll bar, isn’t it?

You’re missing the point, the number of entries isn’t fixed at 10.

On my laptop screen I see 12, on my monitor I see 13. Neither has a scroll bar.

It’s not a UX issue, and it’s hard to say why you have a scrollbar because you’ve hidden the notifications.

2 curtidas

Yeah, some of them can have long titles and it’s not an easy thing to get perfect :frowning:

3 curtidas

Maybe trim anything after the fourth row to reduce the chance?

Ok, I see. but as I remember I’ve always seen the scroll bar (both in our forum and here in meta). of course, I’ve always used the same laptop!

Shouldn’t the text be trimmed to ensure it doesn’t overextend? The trim would only affect the topic titles, which the user is generally familiar with.

It’s not only topic titles that will push text to the next line…

20%20PM

Username, notification type, topic title, and locale are all factors that make the height of each notification variable… so it’s very unpredictable.

I think we could only really avoid the scrollbar (for most screens) if we limited the number of notifications to around 10 (I can currently see 21).

7 curtidas

I think there are three possible solutions to this:

  1. :heart: bcced5b… and 7 others Reserved usernames:…
    Take the first user and trim it if its too long

  2. :heart: Chaboi_3000 and 7 others Reserved usernames:…
    Take the next short username if the first one is too long - if all usernames are too long, trim the first one

  3. :heart: 8 people Reserved usernames:…
    Just state the number of users if 2 or more (and trim if only one which is too long)

PS: A little colour would be so nice in the notifications icons :slight_smile:

1 curtida

I agree with the colors.

1 curtida

All of these options are reducing information for the sake of not having a scrollbar, which feels really extreme. We don’t have immediate plans to do so, but If anything we’d probably double-down on the scrollbar and make the notification panel scroll infinitely.

Colors are off-topic and are very easy in a theme.

.user-menu .notifications {
  .d-icon-heart {
    color: salmon;
  }
}

We have a lot of notification types, and we intentionally limit our color palette so it’s easier to define your own… so we’d never really do full color-coding by default.

13 curtidas

Acabei de fazer uma atualização que remove as barras de rolagem do menu suspenso de notificações. O número de notificações que você pode ver será ajustado com base na altura do navegador. Você pode ver isso em ação no Meta agora.

8 curtidas

Acredito que o @awesomerobot se subestimou aqui.

Antigamente, também ajustávamos a quantidade de notificações com base na altura do navegador, mas precisávamos subestimar para evitar a barra de rolagem ou o transbordamento.

No mobile (pelo menos no iOS), isso frequentemente resultava em uma grande lacuna vertical na parte inferior:

A magia negra do Kris / CSS-fu corrigiu isso — agora ele exibe corretamente o máximo que conseguimos caber.

Isso me incomodava há muito tempo… Obrigado por melhorar isso! Foi uma surpresa tão agradável!

6 curtidas