membershipworks: Fix missing bootstrap CSS in invoice PDFs

2024-07-24 20:01:27 -04:00 · 2024-07-24 20:01:27 -04:00 · 716fe55082
commit 716fe55082
parent 6f36a7c8b4
3 changed files with 4 additions and 3 deletions
--- a/js/base.entry.ts
+++ b/js/base.entry.ts
@ -1,3 +1,3 @@
-import "bootstrap/scss/bootstrap.scss";
+import "./bootstrap-css-only.entry.ts";
 import "bootstrap-icons/font/bootstrap-icons.css";
 import "bootstrap";
--- a/membershipworks/templates/membershipworks/event_invoice_pdf.dj.html
+++ b/membershipworks/templates/membershipworks/event_invoice_pdf.dj.html
@ -1,13 +1,13 @@
 {% load static %}

 {% load nh3_tags %}
+{% load django_vite %}

 <head>
  <meta charset="utf-8">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <!-- Bootstrap CSS -->
-  <link href="{% static 'bootstrap.min.css' %}" rel="stylesheet">
+  {% vite_asset 'js/bootstrap-css-only.entry.ts' %}
  <link rel="stylesheet" href="{% static "membershipworks/css/event_invoice_pdf.css" %}" media="print">
  {% if preview %}
    <link rel="stylesheet" href="{% static "membershipworks/css/event_invoice_pdf_preview.css" %}" media="print">
--- a/vite.config.js
+++ b/vite.config.js
@ -6,6 +6,7 @@ const entry_points = globbySync("*/js/*.entry.ts", { gitignore: true });

 const inputs = {
  base: "./js/base.entry.ts",
+  "bootstrap-css-only": "./js/bootstrap-css-only.entry.ts",
 };

 for (const entry of entry_points) {