@wizishop/img-manager 0.2.88 → 0.2.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/wizishop-img-manager.umd.js +10 -2
- package/bundles/wizishop-img-manager.umd.js.map +1 -1
- package/bundles/wizishop-img-manager.umd.min.js +1 -1
- package/bundles/wizishop-img-manager.umd.min.js.map +1 -1
- package/esm2015/lib/components/img-tabs/img-tabs.component.js +2 -2
- package/esm2015/lib/components/upload-list/upload-list.component.js +11 -3
- package/esm5/lib/components/img-tabs/img-tabs.component.js +2 -2
- package/esm5/lib/components/upload-list/upload-list.component.js +11 -3
- package/fesm2015/wizishop-img-manager.js +10 -2
- package/fesm2015/wizishop-img-manager.js.map +1 -1
- package/fesm5/wizishop-img-manager.js +10 -2
- package/fesm5/wizishop-img-manager.js.map +1 -1
- package/lib/components/upload-list/upload-list.component.d.ts +3 -1
- package/package.json +1 -1
- package/wizishop-img-manager-0.2.89.tgz +0 -0
- package/wizishop-img-manager.metadata.json +1 -1
- package/wz-img-manager.scss +74 -74
- package/wizishop-img-manager-0.2.88.tgz +0 -0
package/wz-img-manager.scss
CHANGED
|
@@ -1070,6 +1070,79 @@ $base-font: 'Work Sans', helvetica !default;@mixin simple_transition($type: null
|
|
|
1070
1070
|
font-weight: 500;
|
|
1071
1071
|
}
|
|
1072
1072
|
}
|
|
1073
|
+
image-cropper {
|
|
1074
|
+
max-height: 60vh;
|
|
1075
|
+
}.wz-selector {
|
|
1076
|
+
&__default {
|
|
1077
|
+
position: relative;
|
|
1078
|
+
&__base {
|
|
1079
|
+
position: relative;
|
|
1080
|
+
height: rem(32);
|
|
1081
|
+
input {
|
|
1082
|
+
font-size: rem(14);
|
|
1083
|
+
line-height: rem(24);
|
|
1084
|
+
color: $img-second-color;
|
|
1085
|
+
border: 1px solid $border-form;
|
|
1086
|
+
border-radius: 2px;
|
|
1087
|
+
height: rem(32);
|
|
1088
|
+
padding: 3px 26px 3px 15px;
|
|
1089
|
+
cursor: pointer;
|
|
1090
|
+
&:focus {
|
|
1091
|
+
cursor: text;
|
|
1092
|
+
padding: 3px 7px;
|
|
1093
|
+
& + i {
|
|
1094
|
+
opacity: 0;
|
|
1095
|
+
}
|
|
1096
|
+
}
|
|
1097
|
+
}
|
|
1098
|
+
i {
|
|
1099
|
+
position: absolute;
|
|
1100
|
+
font-size: rem(10);
|
|
1101
|
+
height: 6px;
|
|
1102
|
+
color: $img-second-color;
|
|
1103
|
+
right: 12px;
|
|
1104
|
+
top: 50%;
|
|
1105
|
+
transform: translateY(-125%);
|
|
1106
|
+
cursor: pointer;
|
|
1107
|
+
}
|
|
1108
|
+
}
|
|
1109
|
+
&__absolute {
|
|
1110
|
+
position: absolute;
|
|
1111
|
+
bottom: 100%;
|
|
1112
|
+
left: 0;
|
|
1113
|
+
border-radius: 2px 2px 0 0;
|
|
1114
|
+
background-color: $white;
|
|
1115
|
+
transform: translateY(1px);
|
|
1116
|
+
&__wrapper {
|
|
1117
|
+
width: 100%;
|
|
1118
|
+
display: flex;
|
|
1119
|
+
flex-direction: column;
|
|
1120
|
+
&:last-child {
|
|
1121
|
+
> div {
|
|
1122
|
+
border-bottom: 1px solid $border-form;
|
|
1123
|
+
}
|
|
1124
|
+
}
|
|
1125
|
+
&__item {
|
|
1126
|
+
padding: 3px 15px;
|
|
1127
|
+
width: 100%;
|
|
1128
|
+
color: $img-second-color;
|
|
1129
|
+
font-size: rem(14);
|
|
1130
|
+
line-height: rem(24);
|
|
1131
|
+
border-left: 1px solid $border-form;
|
|
1132
|
+
border-right: 1px solid $border-form;
|
|
1133
|
+
border-top: 1px solid $border-form;
|
|
1134
|
+
transition: .3s ease;
|
|
1135
|
+
cursor: pointer;
|
|
1136
|
+
text-align: center;
|
|
1137
|
+
&:hover, &:focus, &.selected {
|
|
1138
|
+
background-color: $wizishop-blue;
|
|
1139
|
+
color: $white;
|
|
1140
|
+
}
|
|
1141
|
+
}
|
|
1142
|
+
}
|
|
1143
|
+
}
|
|
1144
|
+
}
|
|
1145
|
+
}
|
|
1073
1146
|
//.wz-img-manager useful to keep the css priority
|
|
1074
1147
|
.wz-img-manager .table-view {
|
|
1075
1148
|
|
|
@@ -1197,80 +1270,7 @@ $base-font: 'Work Sans', helvetica !default;@mixin simple_transition($type: null
|
|
|
1197
1270
|
.grey {
|
|
1198
1271
|
color: $img-grey-color;
|
|
1199
1272
|
}
|
|
1200
|
-
.wz-
|
|
1201
|
-
&__default {
|
|
1202
|
-
position: relative;
|
|
1203
|
-
&__base {
|
|
1204
|
-
position: relative;
|
|
1205
|
-
height: rem(32);
|
|
1206
|
-
input {
|
|
1207
|
-
font-size: rem(14);
|
|
1208
|
-
line-height: rem(24);
|
|
1209
|
-
color: $img-second-color;
|
|
1210
|
-
border: 1px solid $border-form;
|
|
1211
|
-
border-radius: 2px;
|
|
1212
|
-
height: rem(32);
|
|
1213
|
-
padding: 3px 26px 3px 15px;
|
|
1214
|
-
cursor: pointer;
|
|
1215
|
-
&:focus {
|
|
1216
|
-
cursor: text;
|
|
1217
|
-
padding: 3px 7px;
|
|
1218
|
-
& + i {
|
|
1219
|
-
opacity: 0;
|
|
1220
|
-
}
|
|
1221
|
-
}
|
|
1222
|
-
}
|
|
1223
|
-
i {
|
|
1224
|
-
position: absolute;
|
|
1225
|
-
font-size: rem(10);
|
|
1226
|
-
height: 6px;
|
|
1227
|
-
color: $img-second-color;
|
|
1228
|
-
right: 12px;
|
|
1229
|
-
top: 50%;
|
|
1230
|
-
transform: translateY(-125%);
|
|
1231
|
-
cursor: pointer;
|
|
1232
|
-
}
|
|
1233
|
-
}
|
|
1234
|
-
&__absolute {
|
|
1235
|
-
position: absolute;
|
|
1236
|
-
bottom: 100%;
|
|
1237
|
-
left: 0;
|
|
1238
|
-
border-radius: 2px 2px 0 0;
|
|
1239
|
-
background-color: $white;
|
|
1240
|
-
transform: translateY(1px);
|
|
1241
|
-
&__wrapper {
|
|
1242
|
-
width: 100%;
|
|
1243
|
-
display: flex;
|
|
1244
|
-
flex-direction: column;
|
|
1245
|
-
&:last-child {
|
|
1246
|
-
> div {
|
|
1247
|
-
border-bottom: 1px solid $border-form;
|
|
1248
|
-
}
|
|
1249
|
-
}
|
|
1250
|
-
&__item {
|
|
1251
|
-
padding: 3px 15px;
|
|
1252
|
-
width: 100%;
|
|
1253
|
-
color: $img-second-color;
|
|
1254
|
-
font-size: rem(14);
|
|
1255
|
-
line-height: rem(24);
|
|
1256
|
-
border-left: 1px solid $border-form;
|
|
1257
|
-
border-right: 1px solid $border-form;
|
|
1258
|
-
border-top: 1px solid $border-form;
|
|
1259
|
-
transition: .3s ease;
|
|
1260
|
-
cursor: pointer;
|
|
1261
|
-
text-align: center;
|
|
1262
|
-
&:hover, &:focus, &.selected {
|
|
1263
|
-
background-color: $wizishop-blue;
|
|
1264
|
-
color: $white;
|
|
1265
|
-
}
|
|
1266
|
-
}
|
|
1267
|
-
}
|
|
1268
|
-
}
|
|
1269
|
-
}
|
|
1270
|
-
}
|
|
1271
|
-
image-cropper {
|
|
1272
|
-
max-height: 60vh;
|
|
1273
|
-
}.wz-img-manager {
|
|
1273
|
+
.wz-img-manager {
|
|
1274
1274
|
|
|
1275
1275
|
&__selectionHandler {
|
|
1276
1276
|
margin-top: -50px;
|
|
Binary file
|