Replace bug_report.md file with bug_report.yml file (#744)

2 files changed, 65 insertions, 38 deletions

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
deleted file mode 100644
index f1912d4..0000000
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. Windows 10]
- - Browser: [e.g. chrome, safari]
- - Version: [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser: [e.g. stock browser, safari]
- - Version: [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
new file mode 100644
index 0000000..4e982fa
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -0,0 +1,65 @@
+name: Bug report
+description: Create a report to help us improve
+title: '[Bug report]: (Replace this text with a representative title)'
+body:
+  - type: textarea
+    id: describe_the_bug
+    attributes:
+      - label: Describe the bug
+      - description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: to_reproduce
+    attributes:
+      - label: To reproduce
+      - description: |
+          Steps to reproduce the behavior
+          - 1. Go to '...'
+          - 2. Click on '....'
+          - 3. Scroll down to '....'
+          - 4. See error
+    validations:
+      required: true
+  - type: textarea
+    id: expected_behavior
+    attributes:
+      - label: Expected behavior
+      - description: A clear and concise description of what you expected to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: screenshots
+    attributes:
+      - label: Screenshots
+      - description: |
+          If applicable, add screenshots to help explain your problem.
+          Just drag the images into this box and they will be uploaded.
+  - type: textarea
+    id: desktop
+    attributes:
+      - label: Desktop
+      - description: |
+          (please complete the following information)
+          - OS: [e.g. Windows 10]
+          - Browser: [e.g. chrome, safari]
+          - Version: [e.g. 22]
+    validations:
+      required: true
+  - type: textarea
+    id: smartphone
+    attributes:
+      - label: Smartphone
+      - description: |
+          (please complete the following information)
+          - Device: [e.g. iPhone6]
+          - OS: [e.g. iOS8.1]
+          - Browser: [e.g. stock browser, safari]
+          - Version: [e.g. 22]
+    validations:
+      required: true
+  - type: textarea
+    id: additional_context
+    attributes:
+      - label: Additional context
+      - description: Add any other context about the problem here.