Нотные размеры окон отличаются в Firefox и Chrome
Я хочу изменить размер окна "ноти", которое отображается при отправке формы, - увеличить шрифт текста и размер окна.
Код "Ноты" выглядит так:
<script>
$(function()
{
$('#task-form').submit(function()
{
$(this).find('.submit').val('Saving...');
$.post('biomed/default/save', $('#task-form').serialize(), function(data)
{
if (data.isValid)
{
$(".btn").attr("disabled", true);
noty
({
layout:'center',
text:'Your task #'+data.timestamp+' has been submitted. Redirecting... ',
type:'success'
});
setTimeout(function() {window.location = "biomed/progress?task_id="+data.timestamp; }, 5000);
}
....
....
....
....
</script>
Чтобы изменить внешний вид нотного сообщения, я отредактировал два файла:
Во-первых, я увеличил ширину в файле для макета центра media / noty / layouts / center.js:
container: {
object: '<ul id="noty_center_layout_container" />',
selector: 'ul#noty_center_layout_container',
style: function() {
$(this).css({
width: '800px', <- HERE
....
а также
css: {
display: 'none',
width: '800px' <- HERE
},
Во-вторых, я исправил шрифт в media / noty / themes / default.js:
switch (this.options.layout.name) {
case 'topCenter': case 'center': case 'bottomCenter': case 'inline':
this.$bar.css({
borderRadius: '5px',
border: '1px solid #eee',
boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)"
});
HERE -> this.$message.css({fontSize: '32px', lineHeight: '40px', textAlign: 'center'});
break;
Результат: это работает в Firefox, но не в Chome, то есть теперь я вижу большие окна с большим читаемым шрифтом при отправке в Firefox и вижу маленький шрифт по умолчанию при отправке в Chrome.
Пожалуйста, предложите обходной путь, т.е. я хочу, чтобы он работал одинаково в обоих браузерах.
1 ответ
Хорошо, я знаю, что случилось - Google-Chrome взял настройки ноти из своего собственного (Google-Chrome) локального кэша. Вот почему мои манипуляции с файлами на сервере никогда не вносили никаких изменений в браузер Chrome. Очистка кеша (История -> Очистить -> Кэшированные данные) работала для меня - теперь я вижу изменения, внесенные в мой сайт.