liferay-frontend-theme-styled 6.0.29 → 6.0.30

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.
Files changed (2) hide show
  1. package/css/portal/_uploader.scss +203 -0
  2. package/package.json +1 -1
package/css/portal/_uploader.scss CHANGED
@@ -0,0 +1,203 @@
1
+ .lfr-upload-container {
2
+ margin-bottom: 1rem;
3
+
4
+ .upload-target {
5
+ border: 3px dashed $secondary-l3;
6
+ margin-bottom: 1rem;
7
+ min-height: 2rem;
8
+ padding: 2rem 0;
9
+ position: relative;
10
+ text-align: center;
11
+
12
+ .upload-drop-intent & {
13
+ z-index: 100;
14
+ }
15
+
16
+ .upload-drop-active & {
17
+ background-color: $success-l2;
18
+ border-color: $success-l1;
19
+ }
20
+
21
+ .drop-file-text {
22
+ font-weight: normal;
23
+
24
+ .mobile & {
25
+ display: none;
26
+ }
27
+ }
28
+
29
+ .small {
30
+ display: block;
31
+ margin: 5px 0;
32
+ text-transform: lowercase;
33
+ }
34
+ }
35
+
36
+ .manage-upload-target {
37
+ padding-top: 5px;
38
+ position: relative;
39
+
40
+ .select-files {
41
+ float: left;
42
+ line-height: 0;
43
+ margin: 0 1.125rem 1.125rem;
44
+ padding: 0 0 0 5px;
45
+ }
46
+ }
47
+
48
+ .cancel-uploads,
49
+ .clear-uploads {
50
+ background-repeat: no-repeat;
51
+ float: right;
52
+ }
53
+
54
+ .cancel-uploads {
55
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
56
+ margin-right: 0;
57
+ }
58
+
59
+ .clear-uploads {
60
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
61
+ padding-left: 16px;
62
+ }
63
+
64
+ .upload-file {
65
+ &.upload-complete.file-saved {
66
+ padding-left: 25px;
67
+ }
68
+
69
+ .file-title {
70
+ display: inline-block;
71
+ max-width: 95%;
72
+ overflow: hidden;
73
+ padding-right: 16px;
74
+ text-overflow: ellipsis;
75
+ vertical-align: middle;
76
+ white-space: nowrap;
77
+ }
78
+
79
+ .icon-file {
80
+ font-size: 40px;
81
+ }
82
+ }
83
+
84
+ .upload-list-info {
85
+ margin: 1em 0 0.5em;
86
+
87
+ h4 {
88
+ font-size: 1.3em;
89
+ }
90
+ }
91
+
92
+ .cancel-button {
93
+ color: $secondary;
94
+ margin-top: 1px;
95
+ position: absolute;
96
+ right: 5px;
97
+ top: 50%;
98
+ white-space: nowrap;
99
+
100
+ .cancel-button-text {
101
+ display: none;
102
+ margin-left: 5px;
103
+ }
104
+
105
+ &:hover .cancel-button-text {
106
+ display: inline;
107
+ }
108
+
109
+ .lexicon-icon {
110
+ height: 12px;
111
+ }
112
+ }
113
+
114
+ .delete-button {
115
+ color: $secondary;
116
+ }
117
+
118
+ .delete-button-col {
119
+ padding-right: 10px;
120
+ }
121
+
122
+ .file-added .success-message {
123
+ float: right;
124
+ font-weight: normal;
125
+ }
126
+
127
+ .upload-error {
128
+ opacity: 1;
129
+ padding-left: 25px;
130
+ }
131
+
132
+ .upload-complete .cancel-button,
133
+ .delete-button,
134
+ .upload-complete.file-saved .delete-button,
135
+ .upload-complete.upload-error .delete-button {
136
+ display: none;
137
+ }
138
+
139
+ .multiple-files {
140
+ .upload-error {
141
+ background: $danger-l2
142
+ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=)
143
+ no-repeat 5px 5px;
144
+ border-color: $danger-d2;
145
+ color: $danger-d2;
146
+ font-weight: normal;
147
+ margin-bottom: 16px;
148
+ padding: 8px 8px 8px 24px;
149
+
150
+ .error-message {
151
+ display: block;
152
+ }
153
+ }
154
+
155
+ .upload-complete.file-saved,
156
+ .upload-complete.upload-error {
157
+ .form-check-middle-left {
158
+ .card-body {
159
+ padding-left: 1rem;
160
+ }
161
+ .custom-control-label {
162
+ display: none;
163
+ }
164
+ }
165
+ }
166
+ }
167
+
168
+ .single-file .upload-error {
169
+ list-style: none;
170
+ margin-top: 1em;
171
+
172
+ .upload-error-message {
173
+ margin-bottom: 0.5em;
174
+ }
175
+ }
176
+
177
+ .upload-complete {
178
+ padding-left: 5px;
179
+
180
+ .error-message,
181
+ .success-message {
182
+ font-weight: bold;
183
+ margin-left: 1em;
184
+ }
185
+
186
+ .delete-button {
187
+ display: inline-block;
188
+ }
189
+
190
+ .select-file:disabled + .custom-control-label {
191
+ display: none;
192
+ }
193
+ }
194
+
195
+ .progress {
196
+ display: none;
197
+ margin-top: 0.5rem;
198
+ }
199
+
200
+ .file-uploading .progress {
201
+ display: flex;
202
+ }
203
+ }
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"liferay-frontend-theme-styled","scripts":{"checkFormat":"liferay-npm-scripts check","format":"liferay-npm-scripts fix"},"version":"6.0.29","author":"Nathan Cavanaugh <nathan.cavanaugh@liferay.com> (https://github.com/natecavanaugh)","bugs":"https://issues.liferay.com/","description":"Liferay Frontend Theme Styled","keywords":[],"license":"LGPL","main":"package.json","publishConfig":{"registry":"https://registry.npmjs.org"},"repository":"liferay/liferay-portal"}
1
+ {"name":"liferay-frontend-theme-styled","scripts":{"checkFormat":"liferay-npm-scripts check","format":"liferay-npm-scripts fix"},"version":"6.0.30","author":"Nathan Cavanaugh <nathan.cavanaugh@liferay.com> (https://github.com/natecavanaugh)","bugs":"https://issues.liferay.com/","description":"Liferay Frontend Theme Styled","keywords":[],"license":"LGPL","main":"package.json","publishConfig":{"registry":"https://registry.npmjs.org"},"repository":"liferay/liferay-portal"}