Merge pull request #8257 from cfpb/tccp-bullets

Align nested TCCP bullet points
cfpb · Mar 21, 2024 · ddd0e04 · ddd0e04
2 parents 5776c9c + 642ee1d
commit ddd0e04
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/cfgov/tccp/jinja2/tccp/includes/filter_form.html b/cfgov/tccp/jinja2/tccp/includes/filter_form.html
@@ -68,7 +68,7 @@
     hx-swap="show:none"
     hx-indicator=".htmx-container"
     hx-target=".htmx-results"
-    hx-replace-url="true">
+    hx-push-url="false">
     <div class="content-l">
 
         {{ render_form_fields(form) }}

diff --git a/cfgov/unprocessed/apps/tccp/css/main.less b/cfgov/unprocessed/apps/tccp/css/main.less
@@ -6,6 +6,20 @@
   }
 });
 
+// @TODO refactor and remove this override
+// See https://github.com/cfpb/consumerfinance.gov/pull/8247
+.o-form_fieldset {
+  ul {
+    list-style: none;
+    padding-left: 0;
+  }
+
+  input[type='checkbox'],
+  input[type='radio'] {
+    margin-right: 4px;
+  }
+}
+
 .m-btn-group {
   .u-btn-helper {
     width: 100%;
@@ -39,8 +53,13 @@
   list-style: square;
   padding-left: 1.125em;
 
+  .m-list_item {
+    margin-left: unit((15px / @base-font-size-px), em);
+  }
+
   .m-list_item__has-icon {
     display: flex;
+    margin-left: 0;
 
     .cf-icon-svg {
       display: inline;
@@ -126,6 +145,7 @@ html.js .o-filterable-list-results__partial {
   }
 }
 
+// @TODO: Remove this pattern, we went in another direction
 .o-table__stack-on-small-hybrid {
   // We don't want responsive table styles applied to the `print` media type
   // so we're not using .respond-to-max(@bp-xs-max ) here.