Enhance close modal button

nioc · Feb 11, 2021 · 5512b05 · 5512b05
1 parent d846638
commit 5512b05
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/assets/styles.scss b/src/assets/styles.scss
@@ -133,3 +133,8 @@ html, body {
 .has-placeholder-shade-1::placeholder {
 	color: $shade-1;
 }
+
+.modal-close::before,
+.modal-close::after {
+	background-color: $white;
+}
diff --git a/src/components/MessageLink.vue b/src/components/MessageLink.vue
@@ -14,7 +14,7 @@
       <div class="modal-content image-container">
         <img :src="url" alt="">
       </div>
-      <button class="modal-close is-large" aria-label="close" @click="displayModal = false" />
+      <button class="modal-close is-large" aria-label="close" title="Close" @click="displayModal = false" />
     </div>
   </div>
 </template>