From 73b3fffdbe730c33480682c40e7e8271e75ddf59 Mon Sep 17 00:00:00 2001 From: hellekin Date: Sat, 23 Jan 2021 15:35:49 +0100 Subject: Move CSS to Webpack Using both the asset pipeline and webpack is confusing and leads to unpredictable results in production. This commit moves all (S)CSS to Webpack under `app/javascript/scss` so that we can test whether the development interface results in a consistent production deployment. In order to load the ForkAwesome fonts we used a long path: `$fa-font-path: "../../../node_modules/fork-awesome/fonts";` Not sure whether this works... --- app/javascript/scss/components/_fonts.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 app/javascript/scss/components/_fonts.scss (limited to 'app/javascript/scss/components/_fonts.scss') diff --git a/app/javascript/scss/components/_fonts.scss b/app/javascript/scss/components/_fonts.scss new file mode 100644 index 0000000..2a921dc --- /dev/null +++ b/app/javascript/scss/components/_fonts.scss @@ -0,0 +1,12 @@ +/* Override ForkAwesome font path to match Webpack's */ +$fa-font-path: '../media/fonts/'; + +/* Align font icon with the marker's head */ +.extra-marker-svg i.fa { + position: absolute; + top: 9px; + font-size: 16px; + left: -2px; + right: 0px; + text-align: center; +} -- cgit v1.2.3