erp5_run_my_doc: manage illustration and screenshot slide types

bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideeditor.gadget.css.css

@@ -29,17 +29,30 @@ div[data-gadget-url$="slideeditor.gadget.html"] > .slide_list > section.drag {
 div[data-gadget-url$="slideeditor.gadget.html"] > .slide_list > section.over {
   border-style: dashed;
 }
+div[data-gadget-url$="slideeditor.gadget.html"] > .slide_list > section > img {
+  width: 8em;
+  height: 8em;
+  object-fit: cover;
+  position: relative;
+  top: -2em;
+  z-index: 1;
+  border-radius: 0.325em;
+}
 div[data-gadget-url$="slideeditor.gadget.html"] > .slide_list > section button {
   padding: 3pt;
   border: 1px solid rgba(0, 0, 0, 0.14);
   border-radius: 0.325em;
   background-color: #FFFFFF;
   width: 2em;
+  heigth: 2em;
+  min-height: 2em;
   overflow: hidden;
   text-indent: -9999px;
   white-space: nowrap;
+  position: relative;
+  z-index: 2;
 }
 div[data-gadget-url$="slideeditor.gadget.html"] > .slide_list > section button::before {
   float: left;
   text-indent: 0;
-}
+}
\ No newline at end of file

bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideeditor.gadget.html.html

@@ -21,6 +21,8 @@
       data-i18n=Illustration
       data-i18n=Code
       data-i18n=Master
+      data-i18n=Image URL
+      data-i18n=Image Caption
     -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">

bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideeditor.gadget.less.txt

@@ -34,6 +34,15 @@ div[data-gadget-url$="slideeditor.gadget.html"] {
         // border: 2px solid #000000;
         border-style: dashed;
       }
+      & > img {
+        width: 8em;
+        height: 8em;
+        object-fit: cover;
+        position: relative;
+        top: -2em;
+        z-index: 1;
+        border-radius: 0.325em;
+      }
 
       // Spacing between every section
       margin-right: 2em;
@@ -48,9 +57,13 @@ div[data-gadget-url$="slideeditor.gadget.html"] {
         background-color: #FFFFFF;
 
         width: 2em;
+        heigth: 2em;
+        min-height: 2em;
         overflow: hidden;
         text-indent: -9999px;
         white-space: nowrap;
+        position: relative;
+        z-index: 2;
         &::before {
           float: left;
           text-indent: 0;