pixl-xyapp 2.1.3 → 2.1.5

package/css/base.css

@@ -283,6 +283,7 @@ div.section_title {
 	margin-left: 20px;
 	margin-right: 15px;
 	margin-top: 10px;
+	padding-right: 15px;
 	height: 30px;
 	line-height: 30px;
 	font-size: 13px;
@@ -295,9 +296,9 @@ div.section_title {
 	-moz-user-select: none;
 	-webkit-user-select: none;
 	
-	/* overflow: hidden;
+	overflow: hidden;
 	text-overflow: ellipsis;
-	white-space: nowrap; */
+	white-space: nowrap;
 }
 div.section_title:hover {
 	color: var(--theme-color);
@@ -312,6 +313,7 @@ div.section_title > i {
 div.section_title > i.icon:before {
 	transform-origin: center center;
 	transform: scale(1.3);
+	padding-left: 2px;
 	padding-right: 2px;
 }
 div.section_title > i.ctrl {
@@ -1123,6 +1125,10 @@ body.dark .button.primary {
 	border: 1px solid red;
 }
 
+.form_row input[type="date"]::-webkit-calendar-picker-indicator {
+	opacity: 0.4;
+}
+
 .form_row input[type="color"] {
 	cursor: default;
 }
@@ -1136,13 +1142,13 @@ body.dark .button.primary {
 	-webkit-appearance: none;
 	appearance: none;
 	line-height: 20px;
-	padding-left: 4px;
+	padding: 7px;
 	border: 1px solid var(--border-color);
 	font-size: 13px;
 	tab-size: 4;
 	color: var(--body-text-color);
 	transition: 0.2s ease border-color;
-	resize: vertical;
+	resize: none;
 }
 .form_row textarea:focus {
 	/* color: var(--theme-color); */
@@ -1240,6 +1246,9 @@ body.dark .dialog_content .form_row select {
 body.dark .multiselect.multi {
 	background: var(--box-background-color);
 }
+body.dark .multiselect.text {
+	background: var(--box-background-color);
+}
 
 .multiselect .select_chevron {
 	top: 50%;
@@ -1544,6 +1553,32 @@ div.info_caption {
 	color: var(--label-color);
 }
 
+fieldset.info_fieldset {
+	background: transparent;
+	border: 1px solid var(--border-color);
+	padding: 15px;
+	margin-top: 12px;
+	margin-left: 0;
+	margin-right: 0;
+}
+fieldset.info_fieldset > legend {
+	padding-left: 5px;
+	padding-right: 5px;
+	font-size: 11px;
+	text-transform: uppercase;
+	color: var(--label-color);
+	cursor: default;
+}
+fieldset.info_fieldset > .tool_desc {
+	margin-top: 4px;
+	font-size: 11px;
+	color: var(--label-color);
+}
+
+body.dark fieldset.info_fieldset {
+	border: 1px solid rgb(60, 65, 70);
+}
+
 .checker {
 	position: relative;
 	left: -12px;

package/js/base.js

@@ -13,6 +13,8 @@ var app = {
 	prefs: {},
 	lastClick: {},
 	
+	MATCH_BAD_KEY: /^(constructor|__defineGetter__|__defineSetter__|hasOwnProperty|__lookupGetter__|__lookupSetter__|isPrototypeOf|propertyIsEnumerable|toString|valueOf|__proto__|toLocaleString|0)$/,
+	
 	init: function() {
 		// override this in your app.js
 	},
@@ -228,6 +230,7 @@ var app = {
 		
 		// strip html to prevent script injection
 		msg = strip_html(msg);
+		Debug.trace('notification', `${type}: ${msg}`);
 		
 		this.toast({ type, icon, msg, lifetime, loc });
 	},

package/js/dialog.js

@@ -34,7 +34,7 @@ var Dialog = {
 		var $overlay = $('<div id="dialog_overlay"></div>').css('opacity', 0);
 		$('body').append($overlay);
 		
-		$overlay.fadeTo( 500, 0.75 ).on('mouseup', function() {
+		$overlay.fadeTo( 500, 0.75 ).on('click', function() {
 			if (!Dialog.clickBlock) {
 				if (Dialog.active == 'confirmation') Dialog.confirm_click(false);
 				else Dialog.hide();
@@ -212,8 +212,8 @@ var Dialog = {
 		}
 		
 		var buttons_html = "";
-		buttons_html += '<div id="btn_dialog_cancel" class="button" onMouseUp="Dialog.confirm_click(false)"><i class="mdi mdi-close-circle-outline">&nbsp;</i>Cancel</div>';
-		buttons_html += '<div id="btn_dialog_confirm" class="button delete" onMouseUp="Dialog.confirm_click(true)">'+ok_btn_label+'</div>';
+		buttons_html += '<div id="btn_dialog_cancel" class="button" onClick="Dialog.confirm_click(false)"><i class="mdi mdi-close-circle-outline">&nbsp;</i>Cancel</div>';
+		buttons_html += '<div id="btn_dialog_confirm" class="button delete" onClick="Dialog.confirm_click(true)">'+ok_btn_label+'</div>';
 		
 		this.showSimpleDialog( '<span class="danger">' + title + '</span>', inner_html, buttons_html );
 		
@@ -266,6 +266,7 @@ var CodeEditor = {
 	
 	active: false,
 	onHide: null,
+	onDragDrop: null,
 	
 	show: function(html) {
 		// show dialog, auto-size and center
@@ -291,7 +292,7 @@ var CodeEditor = {
 		var $overlay = $('<div id="ceditor_overlay"></div>').css('opacity', 0);
 		$('body').append($overlay);
 		
-		$overlay.fadeTo( 500, 0.75 ).on('mouseup', function() {
+		$overlay.fadeTo( 500, 0.75 ).on('click', function() {
 			CodeEditor.hide();
 		});
 		
@@ -350,6 +351,8 @@ var CodeEditor = {
 				this.onHide = null;
 				callback();
 			}
+			
+			this.onDragDrop = null;
 		}
 	},
 	

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pixl-xyapp",
-	"version": "2.1.3",
+	"version": "2.1.5",
 	"description": "A theme for xyOps.",
 	"author": "Joseph Huckaby <jhuckaby@pixlcore.com>",
 	"homepage": "https://github.com/pixlcore/pixl-xyapp",