Импорт в userContent.css

FireForce · №1

Здравствуйте.

Как включить внешний файл с настройками для сайтов в файл „userContent.css“? Варианты @import './myStyles.css'; и @import 'file:///home/user/.mozilla/<profile>/chrome/myStyles.css'; результата не дали.

Спасибо.

Infocatcher · №2

Выделить код

Код:

@import url("myStyles.css");

(работают относительные пути)

Добавлено 03-03-2018 15:46:02
И еще: если есть строка @namespace, то импорт надо делать до нее.

Отредактировано Infocatcher (03-03-2018 15:46:02)

Viatcheslav · №3

FireForce пишет

Как включить внешний файл с настройками для сайтов в файл „userContent.css“? Варианты @import './myStyles.css'; ... результата не дали

Попробуйте такой вариант - @import url(./myStyles.css);

FireForce · №4

Infocatcher, Viatcheslav С url тоже не работает, к сожалению.

okkamas_knife · №5

FireForce пишет: С url тоже не работает, к сожалению.

совет - приводи код который проверяешь - уже сколько раз было что не работает изза какойто мелочи типа ошибки или опечатки которой ты не видишь
насчет импорта - его ломали неоднократно так что возможно это твой случай
ну и я замечал что иногда работает с " и не работает с ' и наоборот.
прежде чем юзать пути
1 вставь код из импортируемого файла в юзерконтент, проверь как работает
2 вставив импорт укажи просто файл без путей , сам файл положи рядом с юзерконтентом
и вот когда добьёшься работы в этом состоянии тогда уже начинай экспериментировать с путями

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

Отредактировано okkamas_knife (03-03-2018 17:39:42)

FireForce · №6

Вот код:

aboutNewTab.css

Выделить код

Код:

/* <profile>/chrome/aboutNewTab.css */

/* Перед использованием данного стиля необходимо задать общее количество
 * отображаемых плиток. Эта величина устанавливается посредством правки
 * конфигурационного параметра `browser.newtabpage.activity-stream.topSitesCount'.
 * В соответствии с настоящим стилем, в каждом ряду будет отображаться по шесть
 * плиток, поэтому для ровного их количества указанная величина должна быть кратна
 * этому числу.
 * Например: browser.newtabpage.activity-stream.topSitesCount = 24 (6 плиток в 4 ряда).
 */

@-moz-document url("about:newtab") {
  body * {
    box-sizing: unset !important;
  }

  div[class="outer-wrapper"] {
    width:         72vw !important;
    padding-right: 14vw !important;
    padding-left:  14vw !important;
  }

  main {
    width: unset !important;
  }

  li[class~="top-site-outer"] {
    padding-right:       0   !important;
    padding-left:        0   !important;
    margin-bottom:       0   !important;
    margin-inline-start: 1vw !important;
    margin-inline-end:   1vw !important;
  }

  div[class="tile"] {
    width:  10vw !important;
    height: 10vw !important;
  }

  div[class~="title"] {
    width: unset !important;
  }
}

userContent.css

Выделить код

Код:

@import url('./aboutNewTab.css');

Данный стиль увеличивает размер плиток, в которых отображаются часто посещаемые сайты, на странице about:newtab.

okkamas_knife · №7

1 ./ - лишнее
2 импорт должен быть первой строчкой в юзерконтент
3 если вставить тот стиль в юзерконтент работает?
точнее сделай так переименуй aboutNewTab в юзерконтент и проверь. (малоли какие проблемы с кодировкой - от мозилловцев всего можно ждать)
так ты убедишься что проблема именно в импорте

4 далее проверь с разными кавычками
5 был такой баг в 17м - проверь работает ли импорт если ту цсску залить куда нибудь т.е. не локальный файл а из сети - если сработает то видимо снова баг(импорт не работал с локальными файлами)
6 как обычно - сделай новый профиль и размести его так чтоб в пути небыло пробелов и кириллицы и проверь на нём(да на дворе уже 2018 а эта проблема всё еще вылезает у многих софтин)
7 напиши тестовый стиль для какой нить странички в инете и попробуй импортировать - возможно они намудрили с правами и там нужно в юзерхром пихать..(это мозилловцы с ними не угадаешь)

Отредактировано okkamas_knife (03-03-2018 19:19:52)

Viatcheslav · №8

FireForce пишет

@import url('./aboutNewTab.css');

Нахрена одиночные кавычки после первой (левой) и перед второй (правой) скобками? Неужели в моём примере так?

FireForce · №9

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

Добавлено 03-03-2018 20:21:34
Оказывается, что если включен многопроцессный режим, настройкой browser.tabs.remote.autostart = true, то по какой-то причине стили не импортируются в файл userContent.css, с использованием правила import. Видимо, такова особенность работы браузера в указанном режиме. При отключении данной настройки импорт осуществляется без проблем.

Отредактировано FireForce (03-03-2018 20:21:34)

Infocatcher · №10

FireForce пишет

Оказывается, что если включен многопроцессный режим, настройкой browser.tabs.remote.autostart = true, то по какой-то причине стили не импортируются в файл userContent.css, с использованием правила import. Видимо, такова особенность работы браузера в указанном режиме. При отключении данной настройки импорт осуществляется без проблем.

Нешелся и баг: https://bugzilla.mozilla.org/show_bug.cgi?id=1416184
Но его даже не подтвердили, всем пофиг.

FireForce · №11

Infocatcher Ясно. Спасибо за информацию.

Coroner · №12

FireForce пишет

Оказывается, что если включен многопроцессный режим, настройкой browser.tabs.remote.autostart = true, то по какой-то причине стили не импортируются в файл userContent.css, с использованием правила import. Видимо, такова особенность работы браузера в указанном режиме. При отключении данной настройки импорт осуществляется без проблем.

У меня импортируются. И импортировались начиная с 57 и в userContent.css и в userChrome.css
Возможно дело не только в этой настройке?

скрытый текст

FireForce · №13

Coroner Возможно мой вопрос вам покажется странным, но вы пробовали на чистом профиле?

okkamas_knife · №14

okkamas_knife пишет: насчет импорта - его ломали неоднократно так что возможно это твой случай

Infocatcher пишет: Нешелся и баг: http://bugzilla.mozilla.org/show_bug.cgi?id=1416184

результат оказался предсказуем.
вот кстати растущее количество багов кагбэ намекает что тушка лисы то давно не живая.

SendInfo · №15

FireForce пишет

Coroner Возможно мой вопрос вам покажется странным, но вы пробовали на чистом профиле?

Неправильный вопрос. Надо спрашивать: "вы багрепорт внимательно читали и пробовали на линукс?"

Проблему с импорт наблюдаю с 4го фф, но как-то все молчали и я молча обхожусь без импорт.

Отредактировано SendInfo (04-03-2018 00:23:22)

okkamas_knife · №16

SendInfo пишет: и я молча обхожусь без импорт.

я вообще все @ зарэзал ибо сначала безопасность потом удобство. а все эти собачьи команды стучат.
и вот кстати где логика - еслиб не работал импорт в юзерхром с инет адресов то это было бы круто и правильно т.е. если импортишь то своё, ну у них то наоборот снаружи можно изнутри нельзя.. прям как специальный бэкдор.

rbfyec · №17

Infocatcher пишет

И еще: если есть строка @namespace, то импорт надо делать до нее.

Я вписал строку с импортом самой первой в файл userContent.css. Работает.
А как теперь сделать, чтобы это работало только на определённом домене?
Потому что сейчас импортированные стили действуют везде.

Viatcheslav · №18

rbfyec пишет

А как теперь сделать, чтобы это работало только на определённом домене?

Наверное, в коде должно быть что-то типа

Выделить код

Код:

@-moz-document domain(имя_домена.com)

rbfyec · №19

Viatcheslav пишет

rbfyec пишет
А как теперь сделать, чтобы это работало только на определённом домене?
Наверное, в коде должно быть что-то типа
Выделить код
Код:
@-moz-document domain(имя_домена.com)

Вот я тоже так думал, но при такой записи перестаёт работать.

Выделить код

Код:

@-moz-document domain(имя_домена.com){
    @import url("адрес_файла_css")
}

Acid Crash · №20

Приветствую.
Возможно совет несколько глупый, но вдруг поможет.
В небеизвестном CustomCSSforFx от Aris-t2 есть блок настоек для userContent.css, в котором они собственно прикручены отдельными файлами.
Сам этим пользуюсь (меняю визуал расширений через @-moz-document url-prefix(about:addons) и @-moz-document url(about:newtab)), работает без нареканий на Win10x64

Можете оттуда подстмотеть как оно работает

Отредактировано Acid Crash (01-08-2018 13:53:24)

Viatcheslav · №21

А так попробуйте

Выделить код

Код:

@import url(адрес_файла_css);

@-moz-document  url-prefix(имя_домена.com) {
}

Отредактировано Viatcheslav (01-08-2018 15:44:18)

rbfyec · №22

Viatcheslav пишет

А так попробуйте
Выделить код
Код:
@import url(адрес_файла_css);

@-moz-document  url-prefix(имя_домена.com) {
}

А так опять же, импортированные стили работают на всех сайтах.

Viatcheslav · №23

Ещё такой вариант

Выделить код

Код:

@import url(адрес_файла_css);

@-moz-document  url(имя_домена.com), url-prefix(имя_домена.com) {
}

Если и это не работает - я пас. rbfyec, напишите свой точный вариант стиля, который то вообще не работает, то работает везде

rbfyec · №24

Viatcheslav пишет

Ещё такой вариант
Выделить код
Код:
@import url(адрес_файла_css);

@-moz-document  url(имя_домена.com), url-prefix(имя_домена.com) {
}
Если и это не работает - я пас. rbfyec, напишите свой точный вариант стиля, который то вообще не работает, то работает везде

Viatcheslav
Ну вот смотрите.
@-moz-document url(имя_домена.com), url-prefix(имя_домена.com) {
/* правила написанные здесь, будут действовать
только для определённого сайта/домена и это хорошо */
}

Но стили, импортированные с помощью первой строчки @import url(адрес_файла_css) - они ведь будут действовать везде, на всех доменах! Их область применения ведь ничем не ограничивается. И это нормально. В том виде, как оно написано, так и должно быть.

Но мне-то это не нужно, мне нужно, чтобы импортированные стили работали только на том домене, что я укажу. Как это происходит, когда я прописываю стиль с помощью такой строчки:
@-moz-document url(имя_домена.com), url-prefix(имя_домена.com) {.....}

Отредактировано rbfyec (02-08-2018 11:56:20)

okkamas_knife · №25

rbfyec пишет: мне нужно, чтобы импортированные стили работали только на том домене, что я укажу.

ну и кто мешает то правило с доменом засунуть в файл который импортируется?
а если тот файл тебе неподконтрольный то это большущая глупость импортировать чужое. ща цссом можно много чего понаделать.
№13 например

Отредактировано okkamas_knife (02-08-2018 12:45:17)

Полезная информация