Revert "fix(navbar): Resolve mobile view navbar overflow issue" (#6174)

package.json

@@ -168,7 +168,7 @@
         "bootstrap": "5.1.3",
         "chart.js": "~4.2.1",
         "chartjs-adapter-dayjs-4": "~1.0.4",
-        "concurrently": "^7.6.0",
+        "concurrently": "^7.1.0",
         "core-js": "~3.26.1",
         "cronstrue": "~2.24.0",
         "cross-env": "~7.0.3",
@@ -187,7 +187,7 @@
         "prismjs": "~1.30.0",
         "qrcode": "~1.5.0",
         "rollup-plugin-visualizer": "^5.6.0",
-        "sass": "^1.72.0",
+        "sass": "~1.42.1",
         "stylelint": "^15.10.1",
         "stylelint-config-standard": "~25.0.0",
         "terser": "~5.15.0",

src/assets/app.scss

@@ -649,20 +649,3 @@ $shadow-box-padding: 20px;
 // Localization
 
 @import "localization.scss";
-@media (max-width: 480px) {
-  .btn {
-    padding: 0.4rem 0.8rem !important;
-    font-size: 0.85rem !important;
-    max-width: 100% !important;
-    white-space: normal !important;
-    box-sizing: border-box;
-  }
-
-  .button-container,
-  .btn-group,
-  .monitor-actions {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-  }
-}

src/components/MonitorListFilterDropdown.vue

@@ -15,8 +15,11 @@
 </template>
 
 <script>
+
 export default {
-    components: {},
+    components: {
+
+    },
     props: {
         filterActive: {
             type: Boolean,
@@ -131,28 +134,4 @@ export default {
 .filter-active {
     color: $highlight;
 }
-
-/* =========================
-   Mobile Responsive Styles
-========================= */
-@media (max-width: 450px) {
-    .filter-dropdown-menu {
-        width: 100%;
-        left: 0;
-        overflow-x: hidden;
-    }
-
-    .filter-dropdown-menu button {
-        font-size: 12px;
-        padding: 4px 6px;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-
-    .dropdown-content {
-        max-width: 100%;
-        box-sizing: border-box;
-    }
-}
 </style>

tsconfig.json

@@ -15,5 +15,7 @@
         "strict": true,
         "esModuleInterop": true
     },
-    "include": ["src/**/*.ts"]
+    "files": [
+
+    ]
 }