Solved overflow issues

sertxudeveloper · Jul 5, 2022 · f03c5a7 · f03c5a7
1 parent 5c06d6a
commit f03c5a7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@sertxudeveloper/markdown-editor",
   "exportName": "MarkdownEditor",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A customizable markdown editor for your projects",
   "main": "./build/MarkdownEditor.js",
   "module": "./build/MarkdownEditor.js",

diff --git a/src/plugins/image/ImageBrowser.ts b/src/plugins/image/ImageBrowser.ts
@@ -122,6 +122,7 @@ export default class ImageBrowser {
   renderImage(image: Image): HTMLDivElement {
     const container = document.createElement("div")
     container.classList.add("browser-grid-item")
+    container.setAttribute('role', 'button')
 
     const img = document.createElement("img")
     img.src = image.url

diff --git a/src/scss/main.scss b/src/scss/main.scss
@@ -153,10 +153,10 @@
   @apply absolute bg-gray-800 bg-opacity-50 h-full left-0 top-0 w-full z-30 p-12;
 
   .browser-container {
-    @apply bg-white divide-gray-300 divide-y h-full shadow-xl w-full rounded-lg;
+    @apply flex flex-col bg-white divide-gray-300 divide-y h-full shadow-xl w-full rounded-lg;
 
     .browser-header {
-      @apply flex justify-between px-5 py-4 text-gray-900;
+      @apply shrink-0 flex justify-between px-5 py-4 text-gray-900;
 
       > span {
         @apply block font-medium;
@@ -168,7 +168,7 @@
     }
 
     .browser-grid {
-      @apply gap-4 grid grid-cols-6 p-4;
+      @apply shrink-0 grow gap-4 grid grid-cols-6 p-4;
 
       .browser-grid-item {
         @apply flex flex-col;