diff --git a/package.json b/package.json index cc29a6750..eee2f2697 100644 --- a/package.json +++ b/package.json @@ -126,6 +126,7 @@ "redux-promise-middleware": "6.1.0", "reselect": "4.0.0", "rimraf": "2.6.2", + "sanitize.css": "^12.0.1", "semver": "5.4.1", "styled-components": "5.1.1", "tar": "4.4.8", diff --git a/stylesheets/_session_conversation.scss b/stylesheets/_session_conversation.scss index bb84ae627..9f7ecddc3 100644 --- a/stylesheets/_session_conversation.scss +++ b/stylesheets/_session_conversation.scss @@ -360,7 +360,7 @@ } &--visualisation { - z-index: 1000; + z-index: 2; width: 100%; display: flex; align-items: center; diff --git a/stylesheets/manifest.scss b/stylesheets/manifest.scss index 6e95cb3fd..9691f822c 100644 --- a/stylesheets/manifest.scss +++ b/stylesheets/manifest.scss @@ -4,9 +4,9 @@ @import 'node_modules/react-contexify/dist/ReactContexify.min.css'; @import 'node_modules/react-toastify/dist/ReactToastify.css'; -// @import url(sanitize.css); -// @import url(forms.css); -// @import url(typography.css); +@import 'node_modules/sanitize.css/sanitize.css'; +@import 'node_modules/sanitize.css/forms.css'; +@import 'node_modules/sanitize.css/typography.css'; // Global Settings, Variables, and Mixins @import 'themes.scss'; diff --git a/yarn.lock b/yarn.lock index 3c33724fe..86931ac33 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9682,6 +9682,11 @@ sanitize-filename@^1.6.2, sanitize-filename@^1.6.3: dependencies: truncate-utf8-bytes "^1.0.0" +sanitize.css@^12.0.1: + version "12.0.1" + resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-12.0.1.tgz#f20369357557ba2b41d7278eeb3ea691a3bee514" + integrity sha512-QbusSBnWHaRBZeTxsJyknwI0q+q6m1NtLBmB76JfW/rdVN7Ws6Zz70w65+430/ouVcdNVT3qwrDgrM6PaYyRtw== + sass-graph@^2.2.4: version "2.2.4" resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.2.4.tgz#13fbd63cd1caf0908b9fd93476ad43a51d1e0b49"