WIP getting prod working with minicss webpack plugin

master
d98762625 2019-02-11 14:29:29 +00:00
parent 58a8af20a6
commit d22eac9f35
2 changed files with 26 additions and 8 deletions

View File

@ -194,7 +194,8 @@ module.exports = function (grunt) {
sitemap: "./src/web/static/sitemap.js"
}, moduleEntryPoints),
output: {
path: __dirname + "/build/prod"
path: __dirname + "/build/prod",
globalObject: "this"
},
resolve: {
alias: {

View File

@ -8,6 +8,8 @@ import HTMLOperation from "./HTMLOperation";
import Sortable from "sortablejs";
import Utils from "../core/Utils";
/*eslint no-console: ["off"] */
/**
* Waiter to handle events related to the recipe.
@ -561,20 +563,35 @@ class RecipeWaiter {
this.ingredientChildRuleID = null;
// Find relevant rules in the stylesheet
for (const i in document.styleSheets[0].cssRules) {
if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients") {
this.ingredientRuleID = i;
}
if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients > div") {
this.ingredientChildRuleID = i;
// try {
if (document.styleSheets[0].hasOwnProperty("cssRules")) {
for (const i in document.styleSheets[0].cssRules) {
if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients") {
this.ingredientRuleID = i;
}
if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients > div") {
this.ingredientChildRuleID = i;
}
}
}
// } catch (e) {
// console.log(e.constructor);
// console.warn("Can't read the css rules of: " + document.styleSheets[0], e);
// }
}
if (!this.ingredientRuleID || !this.ingredientChildRuleID) return;
let ingredientRule, ingredientChildRule;
const ingredientRule = document.styleSheets[0].cssRules[this.ingredientRuleID],
// Chrome 64+
// try {
if (document.styleSheets[0].hasOwnProperty("cssRules")) {
ingredientRule = document.styleSheets[0].cssRules[this.ingredientRuleID];
ingredientChildRule = document.styleSheets[0].cssRules[this.ingredientChildRuleID];
}
// } catch (e) {
// console.warn("Can't read the css rules of: " + document.styleSheets[0], e);
// }
if (recList.clientWidth < 450) {
ingredientRule.style.gridTemplateColumns = "auto auto";