JQuery noty, вверху справа, отображать новые сообщения выше (a.k.a LIFO)

Question

Клиентское приложение подписано на сообщения с сервера. Я использую jquery noty plugin, чтобы визуализировать их. Сниппет:

noty({ 
    text: 'Message text', 
    layout: "topRight" 
}); 

Сообщения отображаются в верхнем правильном порядке в FIFO порядке, но мне нужно LIFO.

Я чувствую, что существует трюк css для решения проблемы, но кто-нибудь знает правильный путь?

Answer 1

префиксов CSS трюк является

ul[id^='noty_'] { 
    display: flex; 
    flex-direction: column-reverse; 
} 
ul[id^='noty_'] > li { 
    flex: 0 0 auto; 
}