Release v0.2.2

- New AJAX options: You can now set ann jQuery AJAX options as well - Added min and max dimensions - Close button is now SVG - More audio files - Performance improvements - A few bug fixes
StephanWagner · Aug 17, 2014 · 0fc655c · 0fc655c
1 parent 4dab81f
commit 0fc655c
Show file tree

Hide file tree

Showing 31 changed files with 381 additions and 188 deletions.
diff --git a/Source/audio/LICENCE.txt b/Source/audio/LICENCE.txt
@@ -1,2 +1,5 @@
 blop.mp3 sound file recorded by Mark DiAngelo
-Downloaded from http://soundbible.com/2067-Blop.html
+Downloaded from http://soundbible.com/2067-Blop.html
+
+All other files created by rjsken (http://www.fiverr.com/rjsken)
+All files are royalty free (http://en.wikipedia.org/wiki/Royalty-free)
diff --git a/Source/audio/beep1.mp3 b/Source/audio/beep1.mp3
diff --git a/Source/audio/beep1.ogg b/Source/audio/beep1.ogg
diff --git a/Source/audio/beep2.mp3 b/Source/audio/beep2.mp3
diff --git a/Source/audio/beep2.ogg b/Source/audio/beep2.ogg
diff --git a/Source/audio/beep3.mp3 b/Source/audio/beep3.mp3
diff --git a/Source/audio/beep3.ogg b/Source/audio/beep3.ogg
diff --git a/Source/audio/bling1.mp3 b/Source/audio/bling1.mp3
diff --git a/Source/audio/bling1.ogg b/Source/audio/bling1.ogg
diff --git a/Source/audio/bling2.mp3 b/Source/audio/bling2.mp3
diff --git a/Source/audio/bling2.ogg b/Source/audio/bling2.ogg
diff --git a/Source/audio/bling3.mp3 b/Source/audio/bling3.mp3
diff --git a/Source/audio/bling3.ogg b/Source/audio/bling3.ogg
diff --git a/Source/audio/bling4.mp3 b/Source/audio/bling4.mp3
diff --git a/Source/audio/bling4.ogg b/Source/audio/bling4.ogg
diff --git a/Source/audio/bling5.mp3 b/Source/audio/bling5.mp3
diff --git a/Source/audio/bling5.ogg b/Source/audio/bling5.ogg
diff --git a/Source/audio/boop1.mp3 b/Source/audio/boop1.mp3
diff --git a/Source/audio/boop1.ogg b/Source/audio/boop1.ogg
diff --git a/Source/audio/boop2.mp3 b/Source/audio/boop2.mp3
diff --git a/Source/audio/boop2.ogg b/Source/audio/boop2.ogg
diff --git a/Source/audio/boop3.mp3 b/Source/audio/boop3.mp3
diff --git a/Source/audio/boop3.ogg b/Source/audio/boop3.ogg
diff --git a/Source/jBox.css b/Source/jBox.css
@@ -21,6 +21,8 @@
 .jBox-content {
 	padding: 8px 10px;
 	overflow: auto;
+	-webkit-transition: opacity .15s;
+	transition: opacity .15s;
 }
 
 /* jBox: Tooltip */
@@ -120,7 +122,7 @@
 }
 
 .jBox-Modal.jBox-closeButton-title .jBox-title {
-	padding-right: 65px;
+	padding-right: 55px;
 }
 
 .jBox-Modal.jBox-closeButton-box:before {
@@ -287,31 +289,75 @@
 	position: absolute;
 }
 
-.jBox-closeButton:after {
-	content: '';
+.jBox-closeButton svg {
 	position: absolute;
-	width: 100%;
-	height: 100%;
-	background: center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPg0KPHBhdGggZD0iTTIyLjIsNGMwLjMsMC4zLDAuMywwLjgsMCwxLjFMMTYsMTEuNGMtMC4zLDAuMy0wLjMsMC44LDAsMS4xbDYuMyw2LjNjMC4zLDAuMywwLjMsMC44LDAsMS4xTDIwLDIyLjMNCgljLTAuMywwLjMtMC44LDAuMy0xLjEsMEwxMi41LDE2Yy0wLjMtMC4zLTAuOC0wLjMtMS4xLDBsLTYuMyw2LjNjLTAuMywwLjMtMC44LDAuMy0xLjEsMEwxLjcsMjBjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMUw4LDEyLjYNCgljMC4zLTAuMywwLjMtMC44LDAtMS4xTDEuNyw1LjFDMS40LDQuOCwxLjQsNC4zLDEuNyw0TDQsMS43YzAuMy0wLjMsMC44LTAuMywxLjEsMEwxMS40LDhjMC4zLDAuMywwLjgsMC4zLDEuMSwwbDYuMy02LjMNCgljMC4zLTAuMywwLjgtMC4zLDEuMSwwTDIyLjIsNHoiLz4NCjwvc3ZnPg==);
-	opacity: 0.25;
+	top: 50%;
+	right: 50%;
 }
 
-.jBox-closeButton-box .jBox-closeButton:after {
-	background-size: 11px;
+.jBox-closeButton path {
+	-webkit-transition: fill .2s;
+	transition: fill .2s;
 }
 
-.jBox-closeButton-title .jBox-closeButton:after {
-	background-size: 13px;
+.jBox-closeButton path {
+	fill: #aaa;
 }
 
-.jBox-closeButton:hover:after {
-	opacity: 0.4;
+.jBox-closeButton:hover path {
+	fill: #888;
 }
 
-.jBox-closeButton:active:after {
-	opacity: 0.6;
+.jBox-closeButton:active path {
+	fill: #666;
 }
 
+/* Close button in overlay */
+
+#jBox-overlay .jBox-closeButton {
+	top: 0;
+	right: 0;
+	width: 40px;
+	height: 40px;
+}
+
+#jBox-overlay .jBox-closeButton svg {
+	width: 20px;
+	height: 20px;
+	margin-top: -10px;
+	margin-right: -10px;
+}
+
+#jBox-overlay .jBox-closeButton path {
+	fill: #d2d4d6;
+}
+
+#jBox-overlay .jBox-closeButton:hover path {
+	fill: #fff;
+}
+
+#jBox-overlay .jBox-closeButton:active path {
+	fill: #b2b4b6;
+}
+
+/* Close button in title */
+
+.jBox-closeButton-title .jBox-closeButton {
+	top: 0;
+	right: 0;
+	bottom: 0;
+	width: 40px;
+}
+
+.jBox-closeButton-title .jBox-closeButton svg {
+	width: 12px;
+	height: 12px;
+	margin-top: -6px;
+	margin-right: -6px;
+}
+
+/* Close button in box */
+
 .jBox-closeButton-box .jBox-closeButton {
 	top: -8px;
 	right: -10px;
@@ -321,15 +367,15 @@
 	border-radius: 50%;
 }
 
-.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
-	background: #f4f5f6;
+.jBox-closeButton-box .jBox-closeButton svg {
+	width: 10px;
+	height: 10px;
+	margin-top: -5px;
+	margin-right: -5px;
 }
 
-.jBox-closeButton-title .jBox-closeButton {
-	top: 0;
-	right: 0;
-	bottom: 0;
-	width: 50px;
+.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
+	background: #f4f5f6;
 }
 
 .jBox-closeButton-box:before {
@@ -387,8 +433,9 @@ body[class*=" jBox-blockScroll-"] {
 }
 
 .jBox-loading .jBox-content {
-	min-height: 32px;
-	min-width: 32px;
+	min-height: 30px;
+	min-width: 30px;
+	opacity: 0;
 }
 
 .jBox-loading .jBox-container:before {

diff --git a/Source/jBox.js b/Source/jBox.js
diff --git a/Source/jBox.min.js b/Source/jBox.min.js
diff --git a/Source/themes/ModalBorder.css b/Source/themes/ModalBorder.css
@@ -33,15 +33,14 @@
 	top: -8px;
 }
 
-.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:after {
-	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjIuMiw0YzAuMywwLjMsMC4zLDAuOCwwLDEuMUwxNiwxMS40Yy0wLjMsMC4zLTAuMywwLjgsMCwxLjFsNi4zLDYuM2MwLjMsMC4zLDAuMywwLjgsMCwxLjFMMjAsMjIuMyAgYy0wLjMsMC4zLTAuOCwwLjMtMS4xLDBMMTIuNSwxNmMtMC4zLTAuMy0wLjgtMC4zLTEuMSwwbC02LjMsNi4zYy0wLjMsMC4zLTAuOCwwLjMtMS4xLDBMMS43LDIwYy0wLjMtMC4zLTAuMy0wLjgsMC0xLjFMOCwxMi42ICBjMC4zLTAuMywwLjMtMC44LDAtMS4xTDEuNyw1LjFDMS40LDQuOCwxLjQsNC4zLDEuNyw0TDQsMS43YzAuMy0wLjMsMC44LTAuMywxLjEsMEwxMS40LDhjMC4zLDAuMywwLjgsMC4zLDEuMSwwbDYuMy02LjMgIGMwLjMtMC4zLDAuOC0wLjMsMS4xLDBMMjIuMiw0eiIvPgo8L3N2Zz4=);
-	opacity: 1;
+.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton path {
+	fill: #d2d4d6;
 }
 
-.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:hover:after {
-	opacity: 0.75;
+.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:hover path {
+	fill: #fff;
 }
 
-.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:active:after {
-	opacity: 0.5;
-}
+.jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:active path {
+	fill: #b2b4b6;
+}
diff --git a/Source/themes/NoticeBorder.css b/Source/themes/NoticeBorder.css
diff --git a/Source/themes/TooltipBorder.css b/Source/themes/TooltipBorder.css
diff --git a/Source/themes/TooltipDark.css b/Source/themes/TooltipDark.css
@@ -20,19 +20,18 @@
 	background: #222;
 }
 
-.jBox-TooltipDark .jBox-closeButton:after {
-	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjIuMiw0YzAuMywwLjMsMC4zLDAuOCwwLDEuMUwxNiwxMS40Yy0wLjMsMC4zLTAuMywwLjgsMCwxLjFsNi4zLDYuM2MwLjMsMC4zLDAuMywwLjgsMCwxLjFMMjAsMjIuMyAgYy0wLjMsMC4zLTAuOCwwLjMtMS4xLDBMMTIuNSwxNmMtMC4zLTAuMy0wLjgtMC4zLTEuMSwwbC02LjMsNi4zYy0wLjMsMC4zLTAuOCwwLjMtMS4xLDBMMS43LDIwYy0wLjMtMC4zLTAuMy0wLjgsMC0xLjFMOCwxMi42ICBjMC4zLTAuMywwLjMtMC44LDAtMS4xTDEuNyw1LjFDMS40LDQuOCwxLjQsNC4zLDEuNyw0TDQsMS43YzAuMy0wLjMsMC44LTAuMywxLjEsMEwxMS40LDhjMC4zLDAuMywwLjgsMC4zLDEuMSwwbDYuMy02LjMgIGMwLjMtMC4zLDAuOC0wLjMsMS4xLDBMMjIuMiw0eiIvPgo8L3N2Zz4=);
-	opacity: 1;
+.jBox-TooltipDark.jBox-closeButton-box:before {
+	box-shadow: 0 0 6px rgba(0, 0, 0, .4);
 }
 
-.jBox-TooltipDark .jBox-closeButton:hover:after {
-	opacity: 0.75;
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path {
+	fill: #d2d4d6;
 }
 
-.jBox-TooltipDark .jBox-closeButton:active:after {
-	opacity: 0.5;
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path {
+	fill: #fff;
 }
 
-.jBox-TooltipDark.jBox-closeButton-box:before {
-	box-shadow: 0 0 6px rgba(0, 0, 0, .4);
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path {
+	fill: #b2b4b6;
 }
diff --git a/jBox.jquery.json b/jBox.jquery.json
@@ -12,7 +12,7 @@
 		"ui",
 		"images"
 	],
-	"version": "0.2.1",
+	"version": "0.2.2",
 	"homepage": "http://stephanwagner.me/jBox",
 	"docs": "http://stephanwagner.me/jBox/documentation",
 	"bugs": "https://github.com/StephanWagner/jBox/issues",