Fixed #1353 - Responsive TabMenu and Breadcrumb

primefaces · Jun 16, 2021 · cbc0b98 · cbc0b98
1 parent 5d25714
commit cbc0b98
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/breadcrumb/Breadcrumb.vue b/src/components/breadcrumb/Breadcrumb.vue
@@ -32,13 +32,17 @@ export default {
 </script>
 
 <style>
+.p-breadcrumb {
+    overflow-x: auto;
+}
+
 .p-breadcrumb ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: flex;
     align-items: center;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
 }
 
 .p-breadcrumb .p-menuitem-text {

diff --git a/src/components/tabmenu/TabMenu.vue b/src/components/tabmenu/TabMenu.vue
@@ -119,12 +119,16 @@ export default {
 </script>
 
 <style>
+.p-tabmenu {
+    overflow-x: auto;
+}
+
 .p-tabmenu-nav {
     display: flex;
     margin: 0;
     padding: 0;
     list-style-type: none;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
 }
 
 .p-tabmenu-nav a {