Fix new sidebar and pages

dist/engineStyle.bundle.js

@@ -1,2 +1,2 @@
-!function(n){function t(t){for(var e,i,f=t[0],c=t[1],l=t[2],a=0,s=[];a<f.length;a++)i=f[a],Object.prototype.hasOwnProperty.call(u,i)&&u[i]&&s.push(u[i][0]),u[i]=0;for(e in c)Object.prototype.hasOwnProperty.call(c,e)&&(n[e]=c[e]);for(p&&p(t);s.length;)s.shift()();return r.push.apply(r,l||[]),o()}function o(){for(var n,t=0;t<r.length;t++){for(var o=r[t],e=!0,f=1;f<o.length;f++){var c=o[f];0!==u[c]&&(e=!1)}e&&(r.splice(t--,1),n=i(i.s=o[0]))}return n}var e={},u={2:0},r=[];function i(t){if(e[t])return e[t].exports;var o=e[t]={i:t,l:!1,exports:{}};return n[t].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=n,i.c=e,i.d=function(n,t,o){i.o(n,t)||Object.defineProperty(n,t,{enumerable:!0,get:o})},i.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},i.t=function(n,t){if(1&t&&(n=i(n)),8&t)return n;if(4&t&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&t&&"string"!=typeof n)for(var e in n)i.d(o,e,function(t){return n[t]}.bind(null,e));return o},i.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return i.d(t,"a",t),t},i.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},i.p="";var f=window.webpackJsonp=window.webpackJsonp||[],c=f.push.bind(f);f.push=t,f=f.slice();for(var l=0;l<f.length;l++)t(f[l]);var p=c;r.push([908,0]),o()}({908:function(n,t,o){"use strict";o.r(t);o(909),o(911),o(913),o(915),o(917),o(919),o(921),o(923),o(925),o(927),o(929),o(931),o(933),o(935),o(937),o(939),o(941),o(943),o(945),o(947),o(949),o(951),o(953),o(955),o(957),o(959),o(961),o(963),o(965),o(967),o(969),o(971),o(973)},911:function(n,t,o){},913:function(n,t,o){},915:function(n,t,o){},917:function(n,t,o){},919:function(n,t,o){},921:function(n,t,o){},923:function(n,t,o){},925:function(n,t,o){},927:function(n,t,o){},929:function(n,t,o){},931:function(n,t,o){},933:function(n,t,o){},935:function(n,t,o){},937:function(n,t,o){},939:function(n,t,o){},941:function(n,t,o){},943:function(n,t,o){},945:function(n,t,o){},947:function(n,t,o){},949:function(n,t,o){},951:function(n,t,o){},953:function(n,t,o){},955:function(n,t,o){},957:function(n,t,o){},959:function(n,t,o){},961:function(n,t,o){},963:function(n,t,o){},965:function(n,t,o){},967:function(n,t,o){},969:function(n,t,o){},971:function(n,t,o){},973:function(n,t,o){}});
+!function(n){function t(t){for(var e,i,f=t[0],c=t[1],l=t[2],a=0,s=[];a<f.length;a++)i=f[a],Object.prototype.hasOwnProperty.call(r,i)&&r[i]&&s.push(r[i][0]),r[i]=0;for(e in c)Object.prototype.hasOwnProperty.call(c,e)&&(n[e]=c[e]);for(p&&p(t);s.length;)s.shift()();return u.push.apply(u,l||[]),o()}function o(){for(var n,t=0;t<u.length;t++){for(var o=u[t],e=!0,f=1;f<o.length;f++){var c=o[f];0!==r[c]&&(e=!1)}e&&(u.splice(t--,1),n=i(i.s=o[0]))}return n}var e={},r={2:0},u=[];function i(t){if(e[t])return e[t].exports;var o=e[t]={i:t,l:!1,exports:{}};return n[t].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=n,i.c=e,i.d=function(n,t,o){i.o(n,t)||Object.defineProperty(n,t,{enumerable:!0,get:o})},i.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},i.t=function(n,t){if(1&t&&(n=i(n)),8&t)return n;if(4&t&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&t&&"string"!=typeof n)for(var e in n)i.d(o,e,function(t){return n[t]}.bind(null,e));return o},i.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return i.d(t,"a",t),t},i.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},i.p="";var f=window.webpackJsonp=window.webpackJsonp||[],c=f.push.bind(f);f.push=t,f=f.slice();for(var l=0;l<f.length;l++)t(f[l]);var p=c;u.push([910,0]),o()}({910:function(n,t,o){"use strict";o.r(t);o(911),o(913),o(915),o(917),o(919),o(921),o(923),o(925),o(927),o(929),o(931),o(933),o(935),o(937),o(939),o(941),o(943),o(945),o(947),o(949),o(951),o(953),o(955),o(957),o(959),o(961),o(963),o(965),o(967),o(969),o(971)},913:function(n,t,o){},915:function(n,t,o){},917:function(n,t,o){},919:function(n,t,o){},921:function(n,t,o){},923:function(n,t,o){},925:function(n,t,o){},927:function(n,t,o){},929:function(n,t,o){},931:function(n,t,o){},933:function(n,t,o){},935:function(n,t,o){},937:function(n,t,o){},939:function(n,t,o){},941:function(n,t,o){},943:function(n,t,o){},945:function(n,t,o){},947:function(n,t,o){},949:function(n,t,o){},951:function(n,t,o){},953:function(n,t,o){},955:function(n,t,o){},957:function(n,t,o){},959:function(n,t,o){},961:function(n,t,o){},963:function(n,t,o){},965:function(n,t,o){},967:function(n,t,o){},969:function(n,t,o){},971:function(n,t,o){}});
 //# sourceMappingURL=engineStyle.bundle.js.map

dist/engineStyle.css

@@ -21,7 +21,15 @@
   --my-prompt-color: #f92672; }
 
 body {
-  background-color: var(--my-background-color); }
+  background-color: var(--my-background-color);
+  -ms-overflow-style: none;
+  /* for Internet Explorer, Edge */
+  scrollbar-width: none;
+  /* for Firefox */ }
+
+body::-webkit-scrollbar {
+  display: none;
+  /* for Chrome, Safari, and Opera */ }
 
 p,
 pre,
@@ -571,7 +579,15 @@ input[type="checkbox"] {
   --my-prompt-color: #f92672; }
 
 body {
-  background-color: var(--my-background-color); }
+  background-color: var(--my-background-color);
+  -ms-overflow-style: none;
+  /* for Internet Explorer, Edge */
+  scrollbar-width: none;
+  /* for Firefox */ }
+
+body::-webkit-scrollbar {
+  display: none;
+  /* for Chrome, Safari, and Opera */ }
 
 p,
 pre,
@@ -1211,7 +1227,9 @@ button {
  * Styling for the Character Overview Panel (top-right panel)
  */
 #character-overview-wrapper {
-  position: relative; }
+  position: fixed;
+  top: 0;
+  right: 0; }
 
 #character-overview-container {
   display: none;
@@ -1386,25 +1404,13 @@ button {
 /**
  * Styling for Script Editor (both Ace and CodeMirror)
  */
-#script-editor-container {
-  background-color: transparent; }
-
-/* This temp element is used for auto adjusting filename field */
-.tmp-element {
-  visibility: hidden;
-  white-space: pre; }
-
-#script-editor-container {
-  position: fixed;
-  padding-top: 10px; }
-
 #script-editor-buttons-wrapper {
   width: 100%;
   padding-right: 0;
   margin-right: 0; }
 
-#script-editor-wrapper {
+.script-editor-wrapper {
-  height: 100%;
+  height: 110vh;
   width: 70%;
   background: transparent; }
 
@@ -1472,62 +1478,17 @@ button {
   align-items: center;
   justify-content: start; }
 
-/* COLORS */
-/* Attributes */
-/**
- * Customized styling for the Code Mirror editor
- */
-#codemirror-form-wrapper {
-  height: 80%;
-  margin: 10px 0 0 6px; }
-
-.CodeMirror {
-  height: 100%;
-  width: 100%;
-  border: 2px solid var(--my-highlight-color);
-  z-index: 1;
-  font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas", "Courier New", Courier, monospace, "Times New Roman";
-  font-size: 16px; }
-
-/**
- * Highlight matches
- */
-.cm-matchhighlight {
-  background-color: #8f908a; }
-
-.CodeMirror-selection-highlight-scrollbar {
-  background-color: #8f908a; }
-
-/**
- * Show Invisibles
- */
-.cm-whitespace::before {
-  position: absolute;
-  pointer-events: none;
-  color: #404f7d; }
-
-/**
- * Vim command display
- */
-#codemirror-vim-command-display-wrapper {
-  background-color: white;
-  font-size: 13px;
-  height: 30px;
-  margin-left: 6px; }
-
 /* COLORS */
 /* Attributes */
 .active-scripts-list {
   list-style-type: none; }
 
-#active-scripts-container {
+.active-scripts-container > p {
-  position: fixed;
-  padding-top: 10px; }
-  #active-scripts-container > p {
   width: 70%;
   margin: 6px;
   padding: 4px; }
-  #active-scripts-container .accordion-header > pre {
+
+.active-scripts-container .accordion-header > pre {
   color: white; }
 
 .active-scripts-server-header {
@@ -1623,10 +1584,6 @@ button {
 /**
  * Styling for the Hacknet Nodes UI Page
  */
-#hacknet-nodes-container {
-  position: fixed;
-  padding: 10px; }
-
 .hacknet-general-info {
   margin: 10px;
   width: 70vw; }
@@ -1681,25 +1638,20 @@ button {
 /* CSS for different main menu pages, such as character info, script editor, etc (but excluding
     terminal which has its own page) */
 .generic-menupage-container {
-  height: 100%;
+  padding-left: 2px;
-  padding-left: 10px;
   margin-left: 10%;
-  width: 99%;
+  -ms-overflow-style: none;
-  overflow-y: scroll; }
+  /* for Internet Explorer, Edge */
+  scrollbar-width: none;
+  /* for Firefox */ }
 
 #generic-react-container {
-  position: fixed;
+  padding: 10px;
-  padding: 10px; }
+  overflow-y: scroll; }
 
-/* Character Info */
+#generic-react-container::-webkit-scrollbar {
-#character-container {
+  display: none;
-  padding-top: 10px;
+  /* for Chrome, Safari, and Opera */ }
-  position: fixed; }
-
-/* World */
-#world-container {
-  position: fixed;
-  padding-top: 10px; }
 
 #world-city-name,
 #world-city-desc {
@@ -1820,11 +1772,7 @@ button {
  */
 /* COLORS */
 /* Attributes */
-#augmentations-container {
+.augmentations-content > p {
-  position: fixed;
-  padding-top: 10px; }
-
-#augmentations-content > p {
   font-size: 14px;
   width: 70%; }
 
@@ -1864,12 +1812,10 @@ button {
 
 /* COLORS */
 /* Attributes */
-#stock-market-container {
+.stock-market-container p {
-  position: fixed;
-  padding: 6px; }
-  #stock-market-container p {
   font-size: 13px; }
-  #stock-market-container a {
+
+.stock-market-container a {
   font-size: 14px; }
 
 .stock-market-info-and-purchases > h2 {
@@ -2007,7 +1953,15 @@ button {
   --my-prompt-color: #f92672; }
 
 body {
-  background-color: var(--my-background-color); }
+  background-color: var(--my-background-color);
+  -ms-overflow-style: none;
+  /* for Internet Explorer, Edge */
+  scrollbar-width: none;
+  /* for Firefox */ }
+
+body::-webkit-scrollbar {
+  display: none;
+  /* for Chrome, Safari, and Opera */ }
 
 p,
 pre,
@@ -3052,10 +3006,10 @@ input[type="checkbox"] {
  * for the mechanic before it got changed to avoid confusion with normal
  * companies
  */
-#cmpy-mgmt-container p,
+.cmpy-mgmt-container p,
-#cmpy-mgmt-container a,
+.cmpy-mgmt-container a,
-#cmpy-mgmt-container div,
+.cmpy-mgmt-container div,
-#cmpy-mgmt-container br {
+.cmpy-mgmt-container br {
   font-size: 13px; }
 
 /* Header tabs */
@@ -3185,14 +3139,11 @@ input[type="checkbox"] {
 
 /* COLORS */
 /* Attributes */
-#bladeburner-container {
+.bladeburner-container a,
-  position: fixed;
+.bladeburner-container div,
-  padding: 6px; }
+.bladeburner-container p,
-  #bladeburner-container a,
+.bladeburner-container pre,
-  #bladeburner-container div,
+.bladeburner-container td {
-  #bladeburner-container p,
-  #bladeburner-container pre,
-  #bladeburner-container td {
   font-size: 13px; }
 
 .bladeburner-action {
@@ -3300,13 +3251,11 @@ input[type="checkbox"] {
 /**
  * Styling for the Gang mechanic UI (BitNode-2)
  */
-#gang-container {
+.gang-container p,
-  position: fixed;
+.gang-container pre {
-  padding: 6px; }
-  #gang-container p,
-  #gang-container pre {
   font-size: 15px; }
-  #gang-container select {
+
+.gang-container select {
   background-color: black;
   color: white; }
 
@@ -3338,10 +3287,6 @@ input[type="checkbox"] {
  */
 /* COLORS */
 /* Attributes */
-#sleeves-container {
-  position: fixed;
-  padding: 6px; }
-
 .sleeve-elem {
   border: 1px solid white;
   margin: 4px;
@@ -3363,10 +3308,6 @@ input[type="checkbox"] {
  */
 /* COLORS */
 /* Attributes */
-#resleeve-container {
-  position: fixed;
-  padding: 6px; }
-
 .resleeve-elem {
   border: 1px solid white;
   margin: 4px;
@@ -6298,9 +6239,7 @@ html {
 .casino-card.black {
   color: black; }
 
-#milestones-container {
+.milestones-container {
-  position: fixed;
-  padding: 6px;
   width: 60%; }
 
 /* COLORS */
@@ -6349,9 +6288,5 @@ html {
   50% {
     color: #adff2f; } }
 
-#corporation-container {
-  position: fixed;
-  padding: 6px; }
-
 
 /*# sourceMappingURL=engineStyle.css.map*/

index.html

@@ -56,7 +56,9 @@
         </table>
       </div>
 
-      <div id="generic-react-container" class="generic-menupage-container"></div>
+      <div class="generic-menupage-container">
+        <div id="generic-react-container"></div>
+      </div>
       <div id="infiltration-container" class="generic-fullscreen-container"></div>
 
       <!-- Generic Yes/No Pop Up box -->