Merge pull request #97 from bkraul/develop

Minimal styling and scripting corrections.

Author: bkraul

BBCodePlus/BBCodePlus.php

@@ -22,7 +22,7 @@ function register() {
          $this->name        = plugin_lang_get( 'title' );
          $this->description = plugin_lang_get( 'description' );
          $this->page        = 'config';
-         $this->version     = '2.1.16';
+         $this->version     = '2.1.17';
 
          $this->requires['MantisCore'] = '2.0.0';
          # this plugin can coexist with MantisCoreFormatting.

BBCodePlus/files/bbcodeplus.css

@@ -60,20 +60,24 @@
   padding: 0;
   border: 1px solid #888;
   width: 50%;
-  max-height: 50%px;
+  max-height: 50%;
   overflow: auto;
   z-index: 1031;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   animation-name: animatetop;
   animation-duration: 0.4s
 }
 
+.bbcodeplus.modal-body {
+  padding: 10px;
+}
+
 .bbcodeplus.image-picker ul {
   margin: 1em 0;
   padding: 0;
   list-style: none;
   display: grid;
-  grid: auto-flow / repeat(auto-fit, minmax(100px, 1fr));
+  grid: auto-flow / repeat(auto-fill, minmax(110px, 1fr));
   align-items: baseline;
   grid-gap: 10px;
   gap: 10px;

BBCodePlus/files/markitup/sets/mantis/set.js

@@ -190,9 +190,11 @@ mySettings = {
 
                     // empty picker body.
                     body.html("");
-
+                    
                     // create a new list of images.
-                    var list = body.append("<ul></ul>");
+                    body.append("<ul></ul>")
+                    var list = body.children('ul');
+
                     // append thumbnail classes.
                     list.attr("class", "bbcodeplus image-picker");
 
@@ -205,7 +207,7 @@ mySettings = {
                             markitup.textarea.insertAtCaret("[img]" + imgUrl + "[/img]");
                             $(document.body).css('overflow', 'auto');
                             modal.hide();
-                            return false;s
+                            return false;
                         });
                         list.append(img);
                     });

BBCodePlus/files/markitup/skins/mantis/images/bg-editor.png

@@ -12,7 +12,6 @@
 	text-decoration: none;
 }
 .markItUp  {
-	width: 730px;
 	margin: 5px 0 5px 0;
 }
 .markItUpContainer  {
@@ -24,11 +23,11 @@
 
 .markItUpEditor {
 	font:12px 'CG Mono', 'Consolas', 'Courier New', Courier, monospace;
-	padding: 5px 5px 5px 35px !important;
+	padding: 5px 5px 5px 5px !important;
 	border: 3px solid #3C769D;
-	width: 667px;
+	width: 98%;
 	height: 320px;
-	background: #FFF url("plugin_file.php?file=BBCodePlus/markitup/skins/mantis/images/bg-editor.png") no-repeat;
+	background: #FFF url("plugin_file.php?file=BBCodePlus/markitup/skins/mantis/images/bg-editor.png") repeat-x;
 	clear: both;
 	line-height: 18px;
 	overflow: auto;

BBCodePlus/files/markitup/skins/mantis/style.css

@@ -12,7 +12,6 @@
 	text-decoration: none;
 }
 .markItUp  {
-	width: 730px;
 	margin: 5px 0 5px 0;
 }
 .markItUpContainer  {
@@ -22,7 +21,7 @@
 	font: 12px 'CG Mono', 'Consolas', 'Courier New', Courier, monospace;
 	padding: 5px 5px 5px 5px;
 	border: 1px solid #c0c0c0;
-	width: 705px;
+	width: 98%;
 	height: 320px;
 	clear: both;
 	line-height: 18px;

BBCodePlus/files/markitup/skins/plain/style.css

@@ -26,6 +26,11 @@ If you would like to contribute to BBCode plus, please [read this guide first](h
 
 ## Change Log
 
+### 2.1.17
+
+- Fixed styling and scripting issues with issue image picker. 
+- Resized markItUp editor elements.
+
 ### 2.1.16
 
 - NEW: Added image picker modal for picking images that have been uploaded to issue.