antengo-listings - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

dist/main.js

@@ -63,3 +63,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-	var _Footers = __webpack_require__(17);
+	var _Footers = __webpack_require__(18);
 
@@ -492,3 +492,3 @@ var _Footers2 = _interopRequireDefault(_Footers);
 	        value: function render() {
-	            return _react2.default.createElement("div", { className: "listingThumbImageFade",
+	            return _react2.default.createElement("div", { className: "listingThumbImageFadeIn",
 	                style: this.state });
@@ -637,3 +637,3 @@ }
 	        "div",
-	        { className: "listingTitleFaceFlex " + (props.active ? "listingTitleFaceActive" : ""),
+	        { className: "listingTitleFaceFlex " + (props.active ? "listingTitleFaceFlexActive" : ""),
 	            style: titleStyle(props.listing),
@@ -750,3 +750,3 @@ onClick: function onClick() {
 	// add the styles to the DOM
-	var update = __webpack_require__(16)(content, {});
+	var update = __webpack_require__(17)(content, {});
 	if(content.locals) module.exports = content.locals;
@@ -776,3 +776,3 @@ // Hot Module Replacement
 	// module
-	exports.push([module.id, ".listingsFlexContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-around;\n}\n.flexListingMixin {\n  position: relative;\n  background-color: #ffffff;\n  border-radius: 4px;\n}\n.flexListingImageMixin {\n  position: relative;\n  width: 100%;\n}\n@media all and (min-width: 0px) {\n  .flexListing {\n    position: relative;\n    background-color: #ffffff;\n    border-radius: 4px;\n    width: 94%;\n    margin-top: 10px;\n  }\n  .flexListingSm {\n    position: relative;\n    background-color: #ffffff;\n    border-radius: 4px;\n    width: 94%;\n    margin-top: 10px;\n  }\n  .flexListingLg {\n    position: relative;\n    background-color: #ffffff;\n    border-radius: 4px;\n    width: 94%;\n    margin-top: 10px;\n  }\n  .flexListingImage {\n    position: relative;\n    width: 100%;\n    height: 160px;\n  }\n  .flexListingSm > .flexListingImage {\n    height: 120px;\n  }\n  .flexListingLg > .flexListingImage {\n    height: 220px;\n  }\n}\n@media all and (min-width: 300px) {\n  .flexListing {\n    width: 48%;\n  }\n  .flexListingSm {\n    width: 31%;\n  }\n}\n@media all and (min-width: 600px) {\n  .flexListing {\n    width: 31%;\n    margin-top: 18px;\n  }\n  .flexListingSm {\n    width: 24%;\n    margin-top: 18px;\n  }\n  .flexListingLg {\n    width: 48%;\n    margin-top: 18px;\n  }\n}\n@media all and (min-width: 900px) {\n  .flexListingSm {\n    width: 19%;\n  }\n  .flexListing {\n    width: 24%;\n  }\n  .flexListingLg {\n    width: 31%;\n  }\n  .flexListingImage {\n    height: 200px;\n  }\n  .flexListingSm > .flexListingImage {\n    height: 140px;\n  }\n  .flexListingLg > .flexListingImage {\n    height: 240px;\n  }\n}\n@media all and (min-width: 1300px) {\n  .flexListingSm {\n    width: 16%;\n  }\n  .flexListing {\n    width: 19%;\n  }\n  .flexListingLg {\n    width: 24%;\n  }\n}\n@media all and (min-width: 1800px) {\n  .flexListing {\n    width: 16%;\n  }\n  .flexListingLg {\n    width: 19%;\n  }\n}\n.flexShadow {\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n}\n.flexListingFooter {\n  position: relative;\n  height: 56px;\n  width: 100%;\n}\n", ""]);
+	exports.push([module.id, ".listingsFlexContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.flexListingMixin {\n  position: relative;\n  background-color: #ffffff;\n  border-radius: 4px;\n}\n.flexListingImageMixin {\n  position: relative;\n  width: 100%;\n}\n@media all and (min-width: 0px) {\n  .flexListing {\n    position: relative;\n    background-color: #ffffff;\n    border-radius: 4px;\n    width: 94%;\n    margin: 10px 3% 0 3%;\n  }\n  .flexListingSm {\n    position: relative;\n    background-color: #ffffff;\n    border-radius: 4px;\n    width: 94%;\n    margin: 10px 3% 0 3%;\n  }\n  .flexListingLg {\n    position: relative;\n    background-color: #ffffff;\n    border-radius: 4px;\n    width: 94%;\n    margin: 10px 3% 0 3%;\n  }\n  .flexListingImage {\n    position: relative;\n    width: 100%;\n    height: 160px;\n  }\n  .flexListingSm > .flexListingImage {\n    height: 120px;\n  }\n  .flexListingLg > .flexListingImage {\n    height: 220px;\n  }\n}\n@media all and (min-width: 300px) {\n  .flexListing {\n    width: 48%;\n    margin: 10px 1% 0 1%;\n  }\n  .flexListingSm {\n    width: 31%;\n    margin: 10px 1% 0 1%;\n  }\n}\n@media all and (min-width: 600px) {\n  .flexListing {\n    width: 31%;\n    margin: 18px 1% 0 1%;\n  }\n  .flexListingSm {\n    width: 24%;\n    margin: 18px 0.5% 0 0.5%;\n  }\n  .flexListingLg {\n    width: 48%;\n    margin: 18px 1% 0 1%;\n  }\n}\n@media all and (min-width: 900px) {\n  .flexListingSm {\n    width: 19%;\n    margin: 18px 0.5% 0 0.5%;\n  }\n  .flexListing {\n    width: 24%;\n    margin: 18px 0.5% 0 0.5%;\n  }\n  .flexListingLg {\n    width: 31%;\n    margin: 18px 1% 0 1%;\n  }\n  .flexListingImage {\n    height: 200px;\n  }\n  .flexListingSm > .flexListingImage {\n    height: 140px;\n  }\n  .flexListingLg > .flexListingImage {\n    height: 240px;\n  }\n}\n@media all and (min-width: 1300px) {\n  .flexListingSm {\n    width: 16%;\n    margin: 18px 1% 0 1%;\n  }\n  .flexListing {\n    width: 19%;\n    margin: 18px 0.5% 0 0.5%;\n  }\n  .flexListingLg {\n    width: 24%;\n    margin: 18px 0.5% 0 0.5%;\n  }\n}\n@media all and (min-width: 1800px) {\n  .flexListing {\n    width: 16%;\n    margin: 18px 1% 0 1%;\n  }\n  .flexListingLg {\n    width: 19%;\n    margin: 18px 0.5% 0 0.5%;\n  }\n}\n.flexShadow {\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n}\n.flexListingFooter {\n  position: relative;\n  height: 56px;\n  width: 100%;\n}\n.listingUsername {\n  position: absolute;\n  z-index: 100;\n  bottom: 10px;\n  color: #b0b0b0;\n  overflow: hidden;\n  text-align: left;\n  left: 69px;\n  right: 49px;\n  line-height: 36px;\n  font-size: 16px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.listingEditTitle {\n  position: relative;\n  height: 49px;\n  width: 100%;\n  color: #6e6e6e;\n  box-sizing: border-box;\n  padding: 11px 12px 0 12px;\n  overflow: hidden;\n  font-size: 15px;\n  line-height: 19px;\n}\n.listingEditAddTitle {\n  position: relative;\n  box-sizing: border-box;\n  border-radius: 0 0 3px 3px;\n  border: 0;\n  outline: none;\n  width: 100%;\n  height: 56px;\n  background-repeat: no-repeat;\n  background-color: #89c201;\n  text-align: center;\n  font-size: 16px;\n  z-index: 100;\n  transition: background 0s ease-out;\n}\n.listingEditAddTitle::-webkit-input-placeholder {\n  color: #fff;\n}\n.listingEditAddTitle:-moz-placeholder {\n  color: #fff;\n}\n.listingEditAddTitle::-moz-placeholder {\n  color: #fff;\n}\n.listingEditAddTitle:-ms-input-placeholder {\n  color: #fff;\n}\n.listingEditAddTitle:focus {\n  outline: none;\n  background-image: linear-gradient(#89c201, #89c201), linear-gradient(#d2d2d2, #d2d2d2);\n  background-size: 100% 2px,100% 1px;\n  box-shadow: none;\n  background-position: center bottom, center calc(99%);\n  background-color: #fff;\n  transition-duration: .3s;\n  color: #333333;\n  line-height: 19px;\n  padding: 11px 12px 0 12px;\n}\n.listingEditCircle {\n  position: absolute;\n  top: 8px;\n  left: 8px;\n  height: 35px;\n  width: 35px;\n  background-size: 40%;\n  background-image: url(" + __webpack_require__(16) + ");\n  background-color: rgba(255, 255, 255, 0.9);\n  background-repeat: no-repeat;\n  background-position: center;\n  border-radius: 25px;\n  z-index: 100;\n}\n.listingEditCircle:hover {\n  background-color: rgba(255, 255, 255, 0.8);\n}\n.listingThumbImageFadeIn {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  -webkit-transition: opacity 0.2s ease-in;\n  -moz-transition: opacity 0.2s ease-in;\n  -ms-transition: opacity 0.2s ease-in;\n  -o-transition: opacity 0.2s ease-in;\n  transition: opacity 0.2s ease-in;\n  width: 100%;\n  height: 100%;\n}\n.listingTitleFaceFlex {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  -webkit-transition: opacity 0.2s ease-in, visibility 0s ease-in 0.2s;\n  -moz-transition: opacity 0.2s ease-in, visibility 0s ease-in 0.2s;\n  -ms-transition: opacity 0.2s ease-in, visibility 0s ease-in 0.2s;\n  -o-transition: opacity 0.2s ease-in, visibility 0s ease-in 0.2s;\n  transition: opacity 0.2s ease-in, visibility 0s ease-in 0.2s;\n  overflow: hidden;\n  visibility: hidden;\n  opacity: 0;\n  z-index: 2;\n}\n.listingTitleFaceFlexActive {\n  -webkit-transition: opacity 0.2s ease-in, visibility 0s ease-in 0s;\n  -moz-transition: opacity 0.2s ease-in, visibility 0s ease-in 0s;\n  -ms-transition: opacity 0.2s ease-in, visibility 0s ease-in 0s;\n  -o-transition: opacity 0.2s ease-in, visibility 0s ease-in 0s;\n  transition: opacity 0.2s ease-in, visibility 0s ease-in 0s;\n  opacity: 1;\n  visibility: visible;\n}\n.listingTitleBehind {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  color: #fff;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  height: 100%;\n  line-height: 19px;\n  font-size: 15px;\n  padding: 10px 20px 0 20px;\n}\n", ""]);
 
@@ -840,2 +840,8 @@ // exports
 /* 16 */
+/***/ function(module, exports) {
+
+	module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbBAMAAAB/+ulmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALcob2oAAAAJdFJOUwBgUDDPv5/vEJhq9EwAAABtSURBVBjTY2CAA6YgBmQgOVMAicc4c+ZEJK7lzJkzFVBkZwbAeYJAvQhZxpkCjEh6JYFsSQFkjQLMSJLI1oAkUXSCFNNYkglVkgVFEuxtpGDIRJHkqESRBFozBSmIWGaWGSAHoGMDcmAzowQ9AJLlNusYAVIEAAAAAElFTkSuQmCC"
+
+/***/ },
+/* 17 */
 /***/ function(module, exports, __webpack_require__) {
@@ -1092,3 +1098,3 @@
 /***/ },
-/* 17 */
+/* 18 */
 /***/ function(module, exports, __webpack_require__) {
@@ -1098,7 +1104,7 @@
 
-	var _Browse = __webpack_require__(18);
+	var _Browse = __webpack_require__(19);
 
 	var _Browse2 = _interopRequireDefault(_Browse);
 
-	var _Editor = __webpack_require__(24);
+	var _Editor = __webpack_require__(25);
 
@@ -1115,3 +1121,3 @@ var _Editor2 = _interopRequireDefault(_Editor);
 /***/ },
-/* 18 */
+/* 19 */
 /***/ function(module, exports, __webpack_require__) {
@@ -1125,15 +1131,15 @@
 
-	var _User = __webpack_require__(19);
+	var _User = __webpack_require__(20);
 
 	var _User2 = _interopRequireDefault(_User);
 
-	var _Badge = __webpack_require__(21);
+	var _Badge = __webpack_require__(22);
 
 	var _Badge2 = _interopRequireDefault(_Badge);
 
-	var _Category = __webpack_require__(22);
+	var _Category = __webpack_require__(23);
 
 	var _Category2 = _interopRequireDefault(_Category);
 
-	var _Username = __webpack_require__(23);
+	var _Username = __webpack_require__(24);
 
@@ -1154,3 +1160,3 @@ var _Username2 = _interopRequireDefault(_Username);
 	            "div",
-	            { className: "listingThumbUserNameMoMe", onClick: onClick },
+	            { className: "listingUsername", onClick: onClick },
 	            _react2.default.createElement(_Username2.default, { user: listing.user })
@@ -1165,3 +1171,3 @@ ),
 /***/ },
-/* 19 */
+/* 20 */
 /***/ function(module, exports, __webpack_require__) {
@@ -1177,3 +1183,3 @@
 
-	var defImage = __webpack_require__(20);
+	var defImage = __webpack_require__(21);
 
@@ -1203,3 +1209,3 @@ var userImage = function userImage(user) {
 /***/ },
-/* 20 */
+/* 21 */
 /***/ function(module, exports) {
@@ -1210,3 +1216,3 @@
 /***/ },
-/* 21 */
+/* 22 */
 /***/ function(module, exports, __webpack_require__) {
@@ -1245,3 +1251,3 @@
 /***/ },
-/* 22 */
+/* 23 */
 /***/ function(module, exports, __webpack_require__) {
@@ -1281,3 +1287,3 @@
 /***/ },
-/* 23 */
+/* 24 */
 /***/ function(module, exports, __webpack_require__) {
@@ -1314,3 +1320,3 @@
 /***/ },
-/* 24 */
+/* 25 */
 /***/ function(module, exports, __webpack_require__) {
@@ -1364,5 +1370,5 @@
 	                "div",
-	                { className: "listingThumbTitle" },
+	                { className: "listingEditTitle" },
 	                props.listing.title.trim() || state.title.trim()
-	            ) : _react2.default.createElement("input", { className: "listingThumbAddTitle",
+	            ) : _react2.default.createElement("input", { className: "listingEditAddTitle",
 	                placeholder: "Enter Title",
@@ -1375,3 +1381,3 @@ onBlur: this.edit.bind(this) });
 	                title,
-	                _react2.default.createElement("div", { className: "editMyListingCircle",
+	                _react2.default.createElement("div", { className: "listingEditCircle",
 	                    onClick: function onClick() {
@@ -1378,0 +1384,0 @@ props.onEdit(props.listing);

package.json

 {
   "name": "antengo-listings",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "React module to render listings",
@@ -5,0 +5,0 @@ "main": "./dist/main.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

58536

increased by7.66%

Lines of code

1108

increased by1.65%

Worsened metrics

Number of low supply chain risk alerts

5

increased by25%

No dependency changes