Как бы я установить высоту и ширину нотного уведомления

Question

Есть ли в любом случае установить высоту и ширину нотного уведомления. Вот мой код в настоящее время:

$(document).ready(function () { 
        noty({
            layout: 'topRight',
            type: 'alert',
            text: "<a href='C:\\Users\\dah\\Documents\\AlertJqueryNP\\alertjquery.html' target='_blank'>Alerts:"+count+"</a>",
            template: '<div class="noty_message"><span class="noty_text"></span></div>',
            closeWith: ['button'],
            dismissQueue: true, 
            timeout: false
        });

Answer 1

Вы можете сделать это с помощью CSS. Какую бы ширину и высоту вы ни выбрали, просто установите это в CSS, и это должно работать.

.noty-message{
    width:100px;
    height:100px;
}

Answer 2

Для org.webjars.bower.noty:3.1.4 макет выглядит так:

<div id="noty_layout__bottomRight" ....
</div>

noty.css

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px;
}

Чтобы изменить ширину, добавьте в css:

#noty_layout__bottomRight {
   width: 350px !important;
}

Answer 3

Это должно заставить его быть 100px:

#noty_topRight_layout_container,
#noty_topRight_layout_container > li,
#noty_bar, #noty_type_alert           {
    width: 100px !important;
}

Answer 4

Мое решение:

.noty_layout > .noty_bar {
    height: 100px;
}