Merge pull request #48 from Pronovix/issue/8199

Importing bootstrap.min.js, fixing responsive problems in views

config/sync/views.view.catalog.yml

@@ -67,16 +67,11 @@ display:
             offset: false
             offset_label: Offset
       style:
-        type: grid
+        type: default
         options:
           grouping: {  }
-          columns: 3
-          automatic_width: false
-          alignment: horizontal
-          col_class_default: true
-          col_class_custom: 'col-12 col-sm-6 col-md-4 col-lg-4'
-          row_class_default: true
-          row_class_custom: ''
+          row_class: 'col-12 col-sm-6 col-md-6 col-lg-4'
+          default_row_class: true
       row:
         type: fields
         options:

config/sync/views.view.genre_page.yml

@@ -70,16 +70,11 @@ display:
             offset: false
             offset_label: Offset
       style:
-        type: grid
+        type: default
         options:
           grouping: {  }
-          columns: 3
-          automatic_width: true
-          alignment: horizontal
-          col_class_default: false
-          col_class_custom: 'views-col col-4'
-          row_class_default: true
-          row_class_custom: ''
+          row_class: 'col-12 col-sm-6 col-md-6 col-lg-4'
+          default_row_class: true
       row:
         type: fields
         options:

web/themes/custom/subtheme_videogame/subtheme_videogame.libraries.yml

@@ -5,6 +5,7 @@ style:
       assets/css/subtheme_videogame.style.css: {}
   js:
     assets/js/subtheme_videogame.script.js: {}
+    node_modules/bootstrap/dist/js/bootstrap.min.js: { minified: true }
   dependencies:
     - core/jquery
     - core/drupal

web/themes/custom/subtheme_videogame/templates/views/views-view-unformatted.html.twig

@@ -0,0 +1,32 @@
+{#
+/**
+ * @file
+ * Theme override to display a view of unformatted rows.
+ *
+ * Available variables:
+ * - title: The title of this group of rows. May be empty.
+ * - rows: A list of the view's row items.
+ *   - attributes: The row's HTML attributes.
+ *   - content: The row's content.
+ * - view: The view object.
+ * - default_row_class: A flag indicating whether default classes should be
+ *   used on rows.
+ *
+ * @see template_preprocess_views_view_unformatted()
+ */
+#}
+{% if title %}
+  <h3>{{ title }}</h3>
+{% endif %}
+<div class="row">
+{% for row in rows %}
+  {%
+    set row_classes = [
+      default_row_class ? 'views-row',
+    ]
+  %}
+  <div{{ row.attributes.addClass(row_classes) }}>
+    {{- row.content -}}
+  </div>
+{% endfor %}
+</div>