ros.grant.common 2.0.1168 → 2.0.1171

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.
@@ -159,6 +159,125 @@
159
159
  margin-bottom: 16px;
160
160
  }
161
161
  }
162
+
163
+ // header-minfin-notification
164
+ &-notification {
165
+ display: flex;
166
+ align-items: center;
167
+ justify-content: center;
168
+ position: relative;
169
+ margin-right: 32px;
170
+ margin-left: auto;
171
+ align-self: flex-end;
172
+
173
+ .icon {
174
+ display: flex;
175
+ align-items: center;
176
+ justify-content: center;
177
+ cursor: pointer;
178
+ position: relative;
179
+
180
+ &__unread {
181
+ position: absolute;
182
+ right: 0;
183
+ top: 0;
184
+ width: 10px;
185
+ height: 10px;
186
+ border-radius: 50%;
187
+ background: var(--Red);
188
+ }
189
+ }
190
+
191
+ .notification {
192
+ position: absolute;
193
+ max-width: 420px;
194
+ width: 100vw;
195
+ right: 0;
196
+ bottom: -6px;
197
+ transform: translateY(100%);
198
+ background: #fff;
199
+ box-shadow: 0px 1px 4px rgba(58, 58, 58, 30%);
200
+ border-radius: 4px;
201
+ color: var(--Main1);
202
+ max-height: 0;
203
+ overflow: hidden;
204
+ opacity: 0;
205
+ transition: .5s;
206
+
207
+ @media (max-width: 576px) {
208
+ max-width: calc(100vw - 32px);
209
+ right: -54px;
210
+ }
211
+
212
+ &.active {
213
+ max-height: 10000px;
214
+ overflow: auto;
215
+ opacity: 1;
216
+ }
217
+
218
+ &-head {
219
+ padding: 16px;
220
+ font-family: 'PT Sans Caption';
221
+ font-style: normal;
222
+ font-weight: 700;
223
+ font-size: 16px;
224
+ line-height: 125%;
225
+ color: var(--Main1);
226
+ }
227
+
228
+ &-list {
229
+ max-height: 350px;
230
+ overflow: auto;
231
+ }
232
+
233
+ &-item {
234
+ display: flex;
235
+ align-items: flex-start;
236
+ padding: 8px 16px;
237
+ border-top: 1px solid var(--Bg1);
238
+ }
239
+
240
+ &-icon {
241
+ display: flex;
242
+ align-items: center;
243
+ justify-content: center;
244
+ transform: translateY(3px);
245
+ min-width: 16px;
246
+ min-height: 16px;
247
+ margin-right: 8px;
248
+ }
249
+
250
+ &-info {
251
+ display: flex;
252
+ flex-direction: column;
253
+
254
+ &__title {
255
+ font-family: 'PT Sans';
256
+ font-style: normal;
257
+ font-weight: 400;
258
+ font-size: 14px;
259
+ line-height: 20px;
260
+ color: var(--Main1);
261
+ -webkit-line-clamp: 3;
262
+ overflow: hidden;
263
+ text-overflow: ellipsis;
264
+ max-height: 60px;
265
+ -webkit-box-orient: vertical;
266
+ display: -webkit-box;
267
+ margin-bottom: 8px;
268
+ }
269
+
270
+ &__date {
271
+ font-family: 'PT Sans';
272
+ font-style: normal;
273
+ font-weight: 400;
274
+ font-size: 12px;
275
+ line-height: 133%;
276
+ color: var(--Secondary);
277
+ }
278
+ }
279
+ }
280
+ }
162
281
 
163
282
  // header-minfin-bottom
164
283
  &-bottom {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1168",
2
+ "version": "2.0.1171",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "description": "Collection of static files used by RosGrant awesome team",
@@ -48,7 +48,7 @@
48
48
  "pickmeup": "^3.2.1",
49
49
  "rimraf": "^3.0.2",
50
50
  "ros.grant.telerik": "1.0.22",
51
- "ros.grant.webshared": "2.0.410",
51
+ "ros.grant.webshared": "2.0.412",
52
52
  "rxjs": "^6.5.4",
53
53
  "slick-carousel": "^1.8.1",
54
54
  "sticky-sidebar": "^3.3.1",