Etherpad-lite: Совместимость с новым FlexLayout / браузером

Созданный на 20 апр. 2020  ·  34Комментарии  ·  Источник: ether/etherpad-lite

Мы должны серьезно протестировать его на большинстве возможных браузеров. Я думаю, что в Интернете есть несколько инструментов для этого, если вы знаете, пожалуйста, сообщите мне :)

Кроме того, я думаю, что нам следует добавить префикс в нашу воронку ресурсов.
Префиксер преобразует правило css типа display: flex во что-то вроде

display: -webkit-box;
display: -ms-flexbox;
display: flex

Как сейчас работает пайплайн активов? Где происходит минификация css? Было бы неплохо, если бы вы могли указать мне правильное направление :)

Пожалуйста, назначьте мне

Самый полезный комментарий

Привет ! спасибо, но это другое, и я уже добавил это вместе с рефакторингом;)

https://github.com/ether/etherpad-lite/blob/develop/src/static/css/pad/normalize.css

Все 34 Комментарий

Может быть, уже слишком поздно, но как насчет реализации normalize.css ? Это определенно нарушит существующий макет плагинов, поэтому я не совсем понимаю, пришло ли время для этого ...

Привет ! спасибо, но это другое, и я уже добавил это вместе с рефакторингом;)

https://github.com/ether/etherpad-lite/blob/develop/src/static/css/pad/normalize.css

image

Обратите внимание на белую полосу внизу, обрезающую текст на панели.

Firefox в Windows

кстати @JohnMcLear Мясо счастья / Happy Meat 😄 🍖

Как сейчас работает пайплайн активов? Где происходит минификация css? Было бы неплохо, если бы вы могли указать мне правильное направление :)

Взгляните на src / node / utils / Minify.js .

Эта конкретная часть (вместе с «своеобразной» последовательностью запуска и обработкой кеша) является одной из частей кодовой базы, которая действительно показывает их возраст.

Я не буду тратить больше пары строк на этот файл. Все, что более сложное, заслуживает того, чтобы потратить время на то, чтобы разобрать то, что существует, и перестроить на более современных основах (надеюсь, не привнося слишком много сложностей).

Это действительно может быть плодотворная работа.

кстати @JohnMcLear幸 せ の 肉 = Мясо счастья / Happy Meat 😄 🍖

Ха-ха, я не работал какое-то время в Нагое и Токио, и мне никогда не говорили об этом! Я полагаю, японская вежливость! Шикарный перевод! :П

@seballot внесла ряд исправлений в эту

@JohnMcLear , да.
@seballot , не стесняйтесь закрыть, когда это будет сделано.

А пока я работаю над другими предметами.

Привет ! Спасибо @JohnMcLear , saucelabs был весьма полезен (даже это оооочень медленно !!)

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

Firefox 30 (текущий 75)
Edge 16 (текущий 80)
IE -> не работает, но etherpad вообще не работает, даже со старым макетом
Chrome 49 (текущий 81)
Safari 9 (текущий 13)

Мы теряем совместимость с браузером, старая версия работала, например, с safari 8. Но я думаю, что это нормально, не так ли?

Я также тестировал мобильный эмулятор, каждый раз используя самую старую версию, которая предлагалась, и она работала нормально.

Как только он будет объединен и помещен на video.etherpad.com, я проведу последний тест и закрою заявку.

О, и я попытался добавить css autoprefixer, но не работал ... И на самом деле я думаю, что это не так сильно помогло бы, может быть, работает 2 или 3 старой версии браузера

Слияние, прямая трансляция на video.etherpad.com

Последняя ошибка

Если вы отказываетесь от доступа к камере, область белой панели заканчивается на значительном расстоянии от столбца текстового чата.

image

да, это раздел комментариев

Думаю, это скорее ошибка ep_webrtc?

окей

выглядит закрытым :) хорошая работа!

Я думаю, что обнаружил неприятную ошибку при импорте.

Сейчас меня нет за компьютером, выложу скриншот как можно скорее.

ах да, контент дублируется в двух столбцах, у вас же? достаточно забавно

о, и на самом деле моя последняя фиксация что-то сломала, arf это потому, что локально даже при принудительном обновлении мой браузер все еще загружает css из кеша внутри редактора iframe, поэтому мы больше не можем прокручивать панель! Исправлено, заботимся об импорте сейчас

image

это не ошибка полосы прокрутки только для справки.

image
Ошибка импорта = D Не могу поверить, что тестер не заметил этого ...; /

Кроме того, после "импорта сейчас" всплывающее окно не должно закрываться? Мелкая проблема. Исправит уценку в списке ..

handleFrameCall: function(directDatabaseAccess, status)
    {
      if (status !== "ok")
      {
        importFailed(status);
      }
      // commenting that line make it works fine...
      // if(directDatabaseAccess) pad.switchToPad(clientVars.padId);
      importDone();
    },

но мне интересно, будут ли последствия удаления этой строки без внимания?

и для закрытия всплывающего окна хорошая идея

if (status !== "ok")
      {
        importFailed(status);
      } else {
        $('#import_export').removeClass('popup-show');
      }
  // if(directDatabaseAccess) pad.switchToPad(clientVars.padId);

directDatabaseAccess используется для импорта файлов .Etherpad .

pad.switchToPad(clientVars.padId); позволяет пользователю импортировать файл .etherpad без принудительного обновления.

directDatabaseAccess должно быть false для всех, кроме .etherpad file импортирует afaik ...

pad.switchToPad должен вести себя изящно ... Я могу понять, почему это не так, если вы хотите?

@seballot почему-то directDatabaseAccess - это undefined но возвращает true ... Здесь что-то не так ... Расследование продолжается.

console.log(typeof directDatabaseAccess)
Возвращает строку lolwtf.

      // Server sends a string, not a boolean
      if(directDatabaseAccess !== 'undefined') pad.switchToPad(clientVars.padId);

Это исправление, которое я использовал для HTML и др. Теперь исправим проблему pad.switchToPad

Большое спасибо ! не забудьте добавить строку кода, чтобы закрыть всплывающее окно :)

if (status !== "ok")
      {
        importFailed(status);
      } else {
        $('#import_export').removeClass('popup-show');
      }

Я собрал исправление, которое некрасиво, но работает:
https://github.com/ether/etherpad-lite/pull/3915

В идеале импорт никогда не обновлял бы браузер, но сейчас он делает работу по выпуску 1.8.3.

Напомним, ребята:

  1. мы думаем о принудительном обновлении после импорта, чтобы обойти «пользовательский интерфейс становится двумя столбцами» после импорта?
    Изменить : давайте обсудим с кодом перед нами: пожалуйста, не отвечайте здесь, а на # 3915.

  2. это единственная ошибка CSS / UI, которая все еще не устранена, или у нас есть еще что-то, что не замечено?

Ничего подобного для меня нет!

Ничего подобного для меня нет!

Хорошо спасибо. Я закрываю этот выпуск, остановимся на №3915.

После решения этой проблемы у нас остается только изменение документации, а затем мы можем выпустить: party_face:

@seballot , готовы ли вы работать на сайте (https://github.com/ether/ether.github.com/issues/30)? На данный момент простого обновления скриншотов будет более чем достаточно.

Изменить : что не так с автозаполнением Github? Пишу номер одной проблемы, и она попадает в другую.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги