fix(web): include xterm styles correctly

belsakn · Dec 30, 2020 · 4a690fb · 4a690fb
1 parent 1a82569
commit 4a690fb
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/web/abstruse/src/app/shared/components/terminal/terminal.component.sass b/web/abstruse/src/app/shared/components/terminal/terminal.component.sass
@@ -1,8 +0,0 @@
-\:host
-  display: block
-  width: 100%
-  height: 500px
-  margin: 20px 0
-
-  &.is-small
-    height: 400px

diff --git a/web/abstruse/src/styles/terminal.sass b/web/abstruse/src/styles/terminal.sass
@@ -1,9 +1,10 @@
 .terminal-container
   display: block
   width: 100%
-  height: 100%
+  height: 500px
   position: relative
   border-radius: $border-radius
+  overflow: hidden
 
   .xterm
     position: absolute

diff --git a/web/abstruse/webpack.config.js b/web/abstruse/webpack.config.js
@@ -3,6 +3,6 @@ const PurgeCSSPlugin = require('purgecss-webpack-plugin');
 
 module.exports = {
   plugins: [
-    new PurgeCSSPlugin({ paths: glob.sync('./src/**/*.html', { nodir: true }) })
+    new PurgeCSSPlugin({ paths: glob.sync('./src/**/*.html', { nodir: true }), safelist: [/^xterm/] })
   ]
 };