@egovernments/digit-ui-components-css 0.0.2-beta.7 → 0.0.2-beta.9
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/CHANGELOG.md +4 -0
- package/dist/index.css +27 -9
- package/dist/index.min.css +2 -2
- package/package.json +2 -1
- package/src/digitv2/components/uploaderV2.scss +46 -13
package/CHANGELOG.md
CHANGED
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @egovernments/digit-ui-components-css - 0.0.2-beta.
|
|
2
|
+
* @egovernments/digit-ui-components-css - 0.0.2-beta.9
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2024 Jagankumar <jagan.kumar@egov.org.in>
|
|
5
5
|
*
|
|
@@ -5912,6 +5912,18 @@ img {
|
|
|
5912
5912
|
width: 100%;
|
|
5913
5913
|
grid-gap: .75rem;
|
|
5914
5914
|
gap: .75rem; }
|
|
5915
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
5916
|
+
.digit-uploader-wrap .digit-uploader-content {
|
|
5917
|
+
max-width: 27.5rem;
|
|
5918
|
+
min-width: 21rem; } }
|
|
5919
|
+
@media (max-width: 30rem) {
|
|
5920
|
+
.digit-uploader-wrap .digit-uploader-content {
|
|
5921
|
+
max-width: 20.563rem;
|
|
5922
|
+
min-width: 18rem; } }
|
|
5923
|
+
@media (min-width: 48rem) {
|
|
5924
|
+
.digit-uploader-wrap .digit-uploader-content {
|
|
5925
|
+
max-width: 37.5rem;
|
|
5926
|
+
min-width: 20.75rem; } }
|
|
5915
5927
|
.digit-uploader-wrap label {
|
|
5916
5928
|
outline: none !important; }
|
|
5917
5929
|
.digit-uploader-wrap .digit-uploader-content-uploadpopup {
|
|
@@ -5930,13 +5942,12 @@ img {
|
|
|
5930
5942
|
-ms-flex-pack: center;
|
|
5931
5943
|
justify-content: center;
|
|
5932
5944
|
max-width: 100%;
|
|
5933
|
-
border-style: dashed;
|
|
5934
5945
|
grid-gap: 1rem;
|
|
5935
5946
|
gap: 1rem;
|
|
5936
|
-
border: .063rem solid #d6d5d4;
|
|
5937
5947
|
background: #fafafa;
|
|
5938
5948
|
padding: 1rem;
|
|
5939
|
-
height: 9rem;
|
|
5949
|
+
height: 9rem;
|
|
5950
|
+
border: .063rem dashed #d6d5d4; }
|
|
5940
5951
|
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
5941
5952
|
.digit-uploader-wrap .digit-uploader-content-uploadpopup {
|
|
5942
5953
|
min-width: 18.75rem; } }
|
|
@@ -5965,7 +5976,7 @@ img {
|
|
|
5965
5976
|
-ms-flex-direction: column;
|
|
5966
5977
|
flex-direction: column; } }
|
|
5967
5978
|
.digit-uploader-wrap .digit-uploader-content-uploadpopup.error {
|
|
5968
|
-
border-style: dashed;
|
|
5979
|
+
border-style: dashed !important;
|
|
5969
5980
|
border: .094rem solid #b91900; }
|
|
5970
5981
|
.digit-uploader-wrap .digit-uploadpopup-label {
|
|
5971
5982
|
color: #c5c5c5; }
|
|
@@ -6059,6 +6070,10 @@ img {
|
|
|
6059
6070
|
background: rgba(111, 111, 111, 0.69804); }
|
|
6060
6071
|
.digit-uploader-wrap .digit-img-container .preview-container.error img {
|
|
6061
6072
|
border: .063rem solid #b91900; }
|
|
6073
|
+
.digit-uploader-wrap .digit-img-container .preview-container.single.imageFile {
|
|
6074
|
+
width: 100%; }
|
|
6075
|
+
.digit-uploader-wrap .digit-img-container .preview-container.single.imageFile .overlay, .digit-uploader-wrap .digit-img-container .preview-container.single.imageFile img {
|
|
6076
|
+
width: 100% !important; }
|
|
6062
6077
|
.digit-uploader-wrap .digit-img-container .preview-container.uploadImage.singleUpload {
|
|
6063
6078
|
width: 100%;
|
|
6064
6079
|
height: 100%; }
|
|
@@ -6068,13 +6083,16 @@ img {
|
|
|
6068
6083
|
-o-object-fit: cover;
|
|
6069
6084
|
object-fit: cover; }
|
|
6070
6085
|
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
6071
|
-
.digit-uploader-wrap .digit-img-container {
|
|
6072
|
-
|
|
6086
|
+
.digit-uploader-wrap .digit-img-container:not(.uploadImage) {
|
|
6087
|
+
max-width: 27.5rem;
|
|
6088
|
+
min-width: 21rem; } }
|
|
6073
6089
|
@media (max-width: 30rem) {
|
|
6074
|
-
.digit-uploader-wrap .digit-img-container {
|
|
6090
|
+
.digit-uploader-wrap .digit-img-container:not(.uploadImage) {
|
|
6091
|
+
max-width: 20.563rem;
|
|
6075
6092
|
min-width: 18rem; } }
|
|
6076
6093
|
@media (min-width: 48rem) {
|
|
6077
|
-
.digit-uploader-wrap .digit-img-container {
|
|
6094
|
+
.digit-uploader-wrap .digit-img-container:not(.uploadImage) {
|
|
6095
|
+
max-width: 37.5rem;
|
|
6078
6096
|
min-width: 20.75rem; } }
|
|
6079
6097
|
.digit-uploader-wrap .digit-uploader-close-icon {
|
|
6080
6098
|
position: absolute;
|