Use the assets pipeline to load inert.css
(#28701)
This commit is contained in:
parent
a90696011e
commit
c6684aa1e3
4
app/javascript/packs/inert.js
Normal file
4
app/javascript/packs/inert.js
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
/* Placeholder file to have `inert.scss` compiled by Webpack
|
||||||
|
This is used by the `wicg-inert` polyfill */
|
||||||
|
|
||||||
|
import '../styles/inert.scss';
|
@ -1,3 +1,5 @@
|
|||||||
|
/* This is needed for the wicg-inert polyfill */
|
||||||
|
|
||||||
[inert] {
|
[inert] {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
cursor: default;
|
cursor: default;
|
@ -28,12 +28,14 @@
|
|||||||
|
|
||||||
= stylesheet_pack_tag 'common', media: 'all', crossorigin: 'anonymous'
|
= stylesheet_pack_tag 'common', media: 'all', crossorigin: 'anonymous'
|
||||||
= stylesheet_pack_tag current_theme, media: 'all', crossorigin: 'anonymous'
|
= stylesheet_pack_tag current_theme, media: 'all', crossorigin: 'anonymous'
|
||||||
|
-# Needed for the wicg-inert polyfill. It needs to be on it's own <style> tag, with this `id`
|
||||||
|
= stylesheet_pack_tag 'inert', media: 'all', id: 'inert-style'
|
||||||
|
|
||||||
= javascript_pack_tag 'common', crossorigin: 'anonymous'
|
= javascript_pack_tag 'common', crossorigin: 'anonymous'
|
||||||
= preload_pack_asset "locale/#{I18n.locale}-json.js"
|
= preload_pack_asset "locale/#{I18n.locale}-json.js"
|
||||||
= csrf_meta_tags unless skip_csrf_meta_tags?
|
= csrf_meta_tags unless skip_csrf_meta_tags?
|
||||||
%meta{ name: 'style-nonce', content: request.content_security_policy_nonce }
|
%meta{ name: 'style-nonce', content: request.content_security_policy_nonce }
|
||||||
|
|
||||||
= stylesheet_link_tag '/inert.css', skip_pipeline: true, media: 'all', id: 'inert-style'
|
|
||||||
= stylesheet_link_tag custom_css_path, skip_pipeline: true, host: root_url, media: 'all'
|
= stylesheet_link_tag custom_css_path, skip_pipeline: true, host: root_url, media: 'all'
|
||||||
|
|
||||||
= yield :header_tags
|
= yield :header_tags
|
||||||
|
Loading…
Reference in New Issue
Block a user