Tabs CSS Hotfix and hash CSS file contents (#98)

Co-authored-by: Victor Meng <vimeng@microsoft.com>

.github/workflows/ci.yml

@@ -1,7 +1,6 @@
 name: CI
 on:
   push:
-    branches: [master]
   pull_request:
     branches: [master]
 jobs:

less/documentDB.less

@@ -2349,9 +2349,9 @@ a:link {
     text-decoration: none;
 }
 
-.tabsContainer {
+.tabsManagerContainer {
     height: 100%;
-    width: 100%;
+    flex-grow: 1;
     overflow: hidden;
 }
 

src/explorer.html

@@ -194,7 +194,7 @@
             </form>
           </div>
           <tabs-manager
-            class="tabsContainer"
+            class="tabsManagerContainer"
             params="{data: tabsManager}"
             data-bind="visible: tabsManager.openedTabs().length > 0"
           ></tabs-manager>

webpack.config.js

@@ -111,7 +111,9 @@ module.exports = function(env = {}, argv = {}) {
       content: `${gitSha.trim()} ${new Date().toUTCString()}`
     }),
     new CaseSensitivePathsPlugin(),
-    new MiniCssExtractPlugin(),
+    new MiniCssExtractPlugin({
+      filename: "[name].[contenthash].css"
+    }),
     new HtmlWebpackPlugin({
       filename: "explorer.html",
       template: "src/explorer.html",