Merge pull request #444 from SolidOS/browseStyle

fix browser style

Author: NoelDeMartin

static/browse-test.html

@@ -44,7 +44,7 @@
     const goButton = dom.getElementById('goButton')
     const loginButtonArea = document.getElementById("loginButtonArea");
     const webIdArea = dom.getElementById('webId')
-    const banner = dom.getElementById('inputArea')
+    const banner = dom.getElementById('PageHeader')
     const pageHeader = dom.getElementById('PageHeader')
 
     function updateHeaderOffset () {
@@ -139,12 +139,8 @@
 
   <footer id="PageFooter" role="contentinfo"></footer>
   <style>
-    body {
-      padding-top: calc(var(--browse-header-offset, var(--app-header-height, 3.8rem)) + 0.35rem);
-    }
     .header-mash {
       padding:1em !important;
-      background-color:#ccbbbb !important;
     }
     .input-row {
     }

static/browse.html

@@ -44,7 +44,7 @@
     const goButton = dom.getElementById('goButton')
     const loginButtonArea = document.getElementById("loginButtonArea");
     const webIdArea = dom.getElementById('webId')
-    const banner = dom.getElementById('inputArea')
+    const banner = dom.getElementById('PageHeader')
     const pageHeader = dom.querySelector('solid-panes-header')
 
     function updateHeaderOffset () {
@@ -142,15 +142,11 @@
   </solid-ui-provider>
 
   <style>
-    body {
-      padding-top: calc(var(--browse-header-offset, var(--app-header-height, 3.8rem)) + 0.35rem);
-    }
     .outline-view {
       width: 100%;
     }
     .header-mash {
       padding:1em !important;
-      background-color:#ccbbbb !important;
     }
     .input-row {
     }

webpack.config.mjs

@@ -195,18 +195,9 @@ export default (env, args) => {
       }
     }
 
-    // Keep both bundle names in sync during watch/dev runs because downstream
-    // servers and templates may reference either path.
-    return [
-      developmentBundle,
-      {
-        ...developmentBundle,
-        output: {
-          ...developmentBundle.output,
-          filename: 'mashlib.min.js'
-        }
-      }
-    ]
+    // Use a single devServer config for watch/dev runs to avoid duplicate port
+    // conflicts in webpack-dev-server.
+    return developmentBundle
   }
 
   // UMD Minified, everything bundled