середа, 23 жовтня 2019 р.

Tips & Tricks: Chrome/Cromium не працюють виринаючі меню на сайтах (temporary solution)

Вже довгий час в браузера Chrome/Cromium є неприємна помилка.
На багатьох сайтах не працюють належними чином виринаючі елементи меню.

Суть проблеми розглянемо на прикладі сторінки замовлення квитків на сайті Укрзалізниці.
Ділянка виділена оранжевим кольором (ДОК) - пункт головного меню.
Ділянка виділена зеленим кольором (ДЗК) - виринаюче меню з підпунктами.

Коли користувач наводить курсор на пункт головного меню ДОК - з'являється виринаюче меню з підпунктами ДЗК. Але коли користувач пересуває курсор в межі ДЗК (курсор при цьому покидає межі ділянки ДОК) - ділянка ДЗК зникає! Таким чином немає можливості вибрати підпункт.

середа, 24 липня 2019 р.

Netbeans 11 + dart sass on linux

Якщо спробувати встановити sass нової версії та підключити в Netbeans в стандартний спосіб, отримаємо помилку
Could not find an option named "cache-location".

Тому необхідно зробити так:
1. Завантажити початковий код звідси.

2. Розпакувати код в якусь теку (нехай, наприклад, це буде тека /home/user/bin/dart-sass/)

3. В цій теці створимо файл sassc з таким вмістом

#!/bin/sh
# Copyright 2016 Google Inc. Use of this source code is governed by an MIT-style
# license that can be found in the LICENSE file or at
# https://opensource.org/licenses/MIT.
# This script drives the standalone Sass package, which bundles together a Dart
# executable and a snapshot of Sass. It can be created with 'pub run grinder
# package'.

follow_links() {
  file="$1"
  while [ -h "$file" ]; do
    # On Mac OS, readlink -f doesn't work.
    file="$(readlink "$file")"
  done
  echo "$file"
}

# Unlike $0, $BASH_SOURCE points to the absolute path of this file.
shift 3
exec "/home/user/bin/dart-sass/src/dart" "/home/user/bin/dart-sass/src/sass.dart.snapshot" "${@}"

Код скрипту взятий звідси і дещо модифікований.

4. Зробити файл виконуваним
#chmod a+x /home/user/bin/dart-sass/sassc

5. В налаштуваннях CSS Preprocessors Netbeans вказати шлях до нашого файлу

6. В налаштуваннях CSS Preprocessors проекта включити компіляцію та вказати каталоги.