diff --git a/bookwyrm/static/css/bookwyrm/components/_barcode.scss b/bookwyrm/static/css/bookwyrm/components/_barcode.scss
index b6b41697..8c77d525 100644
--- a/bookwyrm/static/css/bookwyrm/components/_barcode.scss
+++ b/bookwyrm/static/css/bookwyrm/components/_barcode.scss
@@ -4,6 +4,7 @@
position: relative;
max-width: 100%;
text-align: center;
+ height: calc(70vh - 200px);
video {
height: calc(70vh - 200px);
diff --git a/bookwyrm/static/css/fonts/icomoon.eot b/bookwyrm/static/css/fonts/icomoon.eot
index 7b1f2d9d..69628662 100644
Binary files a/bookwyrm/static/css/fonts/icomoon.eot and b/bookwyrm/static/css/fonts/icomoon.eot differ
diff --git a/bookwyrm/static/css/fonts/icomoon.svg b/bookwyrm/static/css/fonts/icomoon.svg
index 7dbbe0dc..c67c8b22 100644
--- a/bookwyrm/static/css/fonts/icomoon.svg
+++ b/bookwyrm/static/css/fonts/icomoon.svg
@@ -39,6 +39,7 @@
+
diff --git a/bookwyrm/static/css/fonts/icomoon.ttf b/bookwyrm/static/css/fonts/icomoon.ttf
index 151f2b78..12c79d55 100644
Binary files a/bookwyrm/static/css/fonts/icomoon.ttf and b/bookwyrm/static/css/fonts/icomoon.ttf differ
diff --git a/bookwyrm/static/css/fonts/icomoon.woff b/bookwyrm/static/css/fonts/icomoon.woff
index bc081841..624b70f3 100644
Binary files a/bookwyrm/static/css/fonts/icomoon.woff and b/bookwyrm/static/css/fonts/icomoon.woff differ
diff --git a/bookwyrm/static/css/vendor/icons.css b/bookwyrm/static/css/vendor/icons.css
index 4bc7cca5..6477aee5 100644
--- a/bookwyrm/static/css/vendor/icons.css
+++ b/bookwyrm/static/css/vendor/icons.css
@@ -149,3 +149,6 @@
.icon-download:before {
content: "\ea36";
}
+.icon-barcode:before {
+ content: "\e937";
+}
diff --git a/bookwyrm/static/js/bookwyrm.js b/bookwyrm/static/js/bookwyrm.js
index f6811614..efd5cfff 100644
--- a/bookwyrm/static/js/bookwyrm.js
+++ b/bookwyrm/static/js/bookwyrm.js
@@ -687,6 +687,7 @@ let BookWyrm = new (class {
},
}, (err) => {
if (err) {
+ scannerNode.replaceChildren();
console.log(err);
toggleStatus('access-denied');
return;
diff --git a/bookwyrm/templates/search/barcode_modal.html b/bookwyrm/templates/search/barcode_modal.html
index 9480197f..3f7b01ce 100644
--- a/bookwyrm/templates/search/barcode_modal.html
+++ b/bookwyrm/templates/search/barcode_modal.html
@@ -12,19 +12,26 @@
+
{% trans "Requesting camera..." %}
{% trans "Grant access to the camera to scan a book's barcode." %}
-
{% trans "Could not access camera." %}
+
+
+ Access denied
+ {% trans "Could not access camera" %}
+
+
{% trans "Scanning..." context "barcode scanner" %}
{% trans "Align your book's barcode with the camera." %}
+
{% trans "ISBN scanned" context "barcode scanner" %}
{% trans "Searching for book:" context "followed by ISBN" %} ...