Fix the list layout in requirements after ROOS update

MinBZK · Nov 14, 2024 · 7f1ad83 · 7f1ad83
1 parent 116ef9e
commit 7f1ad83
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/amt/site/static/scss/layout.scss b/amt/site/static/scss/layout.scss
@@ -308,3 +308,15 @@ main {
     display: flex;
     justify-content: space-between;
 }
+
+.amt-theme {
+    /* this is a placeholder class, do not remove */
+}
+
+/* we override the default ROOS style because we want to display as column, not rows */
+/* stylelint-disable selector-class-pattern */
+.amt-theme .rvo-accordion__item > .rvo-accordion__item-summary {
+    align-items: initial;
+    flex-direction: column;
+}
+/* stylelint-enable */
diff --git a/amt/site/templates/layouts/base.html.j2.webpack b/amt/site/templates/layouts/base.html.j2.webpack
@@ -29,7 +29,7 @@
     {% endblock %}
 </head>
 
-<body hx-ext="response-targets" class="rvo-theme">
+<body hx-ext="response-targets" class="rvo-theme amt-theme">
     {% block header %}
     {% include 'parts/header.html.j2' %}
     {% endblock %}