From 47353550146180e5922a261a524ef431799de28b Mon Sep 17 00:00:00 2001
From: DarKylX {{ feedItem()
>
{{ program().name }}
+
- {{ program().datetimeStarted | date: "dd.MM.yyyy" }} -
--
-+
+ {{ program().datetimeStarted | date: "dd.MM.yyyy" }} - {{ program().datetimeFinished | date: "dd.MM.yyyy" }}
-• для всей России
+для всей России
{{ info().name }}
+ } @else if (type() === "projects" || type() === "invite") { @if (info().name) {{{ info().name }}
diff --git a/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.scss b/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.scss index aace0eabf..a7143aeef 100644 --- a/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.scss +++ b/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.scss @@ -556,17 +556,17 @@ } } -@include responsive.apply-mobile { +@include responsive.apply-below-desktop { :host { display: block; - width: 100%; + width: min(100%, var(--ui-mobile-entity-card-width)); min-width: 0; } .card__body { width: 100%; height: auto; - min-height: 200px; + min-height: 244px; } .card__content { @@ -623,9 +623,22 @@ } .card__project-action { + align-self: center; + width: auto; min-height: 44px; } + .card--my-project .card__program-name { + font-size: var(--ui-font-small); + line-height: 16px; + } + + .card--project .card__description p, + .card--my-project .card__description p { + font-size: var(--ui-font-small); + line-height: 18px; + } + .card__subscription-action { width: 44px; height: 44px; diff --git a/projects/social_platform/src/app/ui/widgets/vacancy-skills/vacancy-skills.component.scss b/projects/social_platform/src/app/ui/widgets/vacancy-skills/vacancy-skills.component.scss index b47228d1e..49d74a475 100644 --- a/projects/social_platform/src/app/ui/widgets/vacancy-skills/vacancy-skills.component.scss +++ b/projects/social_platform/src/app/ui/widgets/vacancy-skills/vacancy-skills.component.scss @@ -22,7 +22,7 @@ } &__toggle { - min-height: 28px; + min-height: 44px; padding: 4px 10px; font: inherit; font-size: var(--ui-font-body); diff --git a/projects/social_platform/src/styles/_feed-card.scss b/projects/social_platform/src/styles/_feed-card.scss index 9ab53c322..1101e4fb3 100644 --- a/projects/social_platform/src/styles/_feed-card.scss +++ b/projects/social_platform/src/styles/_feed-card.scss @@ -139,6 +139,7 @@ .feed-card__skills { display: flex; + flex-wrap: wrap; gap: 6px; width: 100%; padding: 0; @@ -150,21 +151,20 @@ box-sizing: border-box; flex-shrink: 0; max-width: 100%; - height: 24px; + min-height: 24px; padding: 4px 8px; - overflow: hidden; - font-size: 10px; + font-size: 12px; font-weight: 400; line-height: 16px; color: var(--accent-dark); - text-overflow: ellipsis; - white-space: nowrap; + overflow-wrap: anywhere; + white-space: normal; background: var(--accent-light); border-radius: var(--rounded-lg); &--skill { flex-shrink: 1; - max-width: calc((100% - 18px) / 4); + max-width: 100%; } &--industry { @@ -177,10 +177,11 @@ box-sizing: border-box; display: flex; align-items: center; + align-self: flex-start; justify-content: center; - width: 100%; - height: 36px; - padding: 0 12px; + max-width: 100%; + min-height: 44px; + padding: 10px 16px; margin-top: auto; font-size: 12px; font-weight: 600; diff --git a/projects/social_platform/src/styles/_ui-tokens.scss b/projects/social_platform/src/styles/_ui-tokens.scss index 765fa3aae..e67559647 100644 --- a/projects/social_platform/src/styles/_ui-tokens.scss +++ b/projects/social_platform/src/styles/_ui-tokens.scss @@ -18,6 +18,7 @@ --ui-radius-dialog: var(--rounded-xl); --ui-control-height: 44px; --ui-compact-sidebar-width: 157px; + --ui-mobile-entity-card-width: 260px; --ui-control-padding: 12px 16px; --ui-card-padding: 16px; --ui-dialog-padding: 24px; diff --git a/projects/ui/src/lib/components/layout/profile-control-panel/profile-control-panel.component.html b/projects/ui/src/lib/components/layout/profile-control-panel/profile-control-panel.component.html index 7727bd3eb..9ab2a9ffb 100644 --- a/projects/ui/src/lib/components/layout/profile-control-panel/profile-control-panel.component.html +++ b/projects/ui/src/lib/components/layout/profile-control-panel/profile-control-panel.component.html @@ -2,8 +2,16 @@GY`9~s|)mXv^X71g1o5N
z=|Ct*Az9Q=d?=BQ3Oy6BnKW%#N1YH>!Rirdv)Y ?_^HiWheWv0hj1>E|M_XqoI9O)@
zCB2k0efj)|@_b!JxPHw13VaSNI8P=*il &Vrnm8G
zJ-KQGKrHip{9e4Ix!S9N5;K2z3Oq)~Yme}@hr5;s4)f91^$j432+{%?zI36Alw=R!
zvZY5x3MJ>UeqrZxJv2D+@%uT9Y4=N4(jKpS{yPeHh} !T4mX&=k|@LDZ?vG$Il^X2#%EAK0=nZ-SnN%|97;eARw
zI}dS{`_Vzx4uk4W2Z*4?R@z2)%1W=?h_L*Hua&`|3WKNgL2{G4>V@fuz_sfq#9Jsf52uZ|!5
zcI?<;yNK%iP(QEKvhHb#c`Ck5vS(HHbTy$Qnp{DeIBs`$2tih}%i0U$q|rl}q5
z-z`T>MSgPEHnEq$<0?YTxb))SBeKd-Etw6nyqTd
q
?Vff4f9zB%AD&|0J>(ghuRI~QScoRyfGbHyIS7}i+)4F}Xe!8;HLKVQhQr%1($GD+
z5@kye;3&p3&eU8qyfO28AUfd8l6|~BbKM;s<5#1m4g*o!?ye2>TJZ?|g*XxHPe@_v
zmp1b^usIHJO~hXjX!eK3eW<`B%5I2E6
z2L{*m>f_NxWtwMc3b{Fv`lf-Gw?t}tl-KT^S(c}Tn@O46@c#M1#;Mx%thS3=(%tb9
z*S6I#jt%b8#Fg!Aj~U7JD^B+h+?7(^aV+62+&IgX{a`d?Kk