diff --git a/components/page/member-details/bio.tsx b/components/page/member-details/bio.tsx
index 027bb31c..33c27718 100644
--- a/components/page/member-details/bio.tsx
+++ b/components/page/member-details/bio.tsx
@@ -9,6 +9,7 @@ import Cookies from 'js-cookie';
import { toast } from 'react-toastify';
import { updateMember } from '@/services/members.service';
import { ADMIN_ROLE } from '@/utils/constants';
+import Image from 'next/image';
const Bio = ({ member, userInfo }: { member: any; userInfo: any }) => {
const contentLength = 347;
@@ -121,11 +122,17 @@ const Bio = ({ member, userInfo }: { member: any; userInfo: any }) => {
{content?.length > clippedContent?.length && (
)}
{content?.length > contentLength && content === clippedContent && (
)}
@@ -191,6 +198,14 @@ const Bio = ({ member, userInfo }: { member: any; userInfo: any }) => {
align-items: center;
padding-bottom: 16px;
}
+ .bioCn__content__show-more__icon {
+ top: 2px;
+ position: relative;
+ width: 12px;
+ height: 12px;
+ display: inline-block;
+ margin-left: 4px;
+ }
@media (min-width: 1024px) {
.bioCn {
diff --git a/components/page/project-details/description.tsx b/components/page/project-details/description.tsx
index e235462b..9f8398bf 100644
--- a/components/page/project-details/description.tsx
+++ b/components/page/project-details/description.tsx
@@ -63,6 +63,7 @@ const Description = (props: IDescription) => {
const res = await updateProject(project?.id, { ...project,description: description }, authToken);
if (res.status === 200 || res.status === 201) {
setDescription(description);
+ setDesc(getContent(description));
triggerLoader(false);
toast.success('Description updated successfully.');
analytics.recordDescSave('save-success', getAnalyticsUserInfo(props?.user), { ...project,description: description });
@@ -111,6 +112,9 @@ const Description = (props: IDescription) => {
)}
@@ -119,6 +123,9 @@ const Description = (props: IDescription) => {
)}
@@ -169,6 +176,14 @@ const Description = (props: IDescription) => {
word-break: break-word;
}
+ .desc__content__show-more__icon {
+ top: 2px;
+ position: relative;
+ width: 12px;
+ height: 12px;
+ display: inline-block;
+ margin-left: 4px;
+ }
.desc__content__show-more {
color: #156ff7;
font-size: 14px;
diff --git a/components/page/team-details/about.tsx b/components/page/team-details/about.tsx
index a8f7a504..d895bdb7 100644
--- a/components/page/team-details/about.tsx
+++ b/components/page/team-details/about.tsx
@@ -85,7 +85,7 @@ const About = (props: IAbout) => {
analytics.recordAboutSave('save-error', getAnalyticsUserInfo(userInfo), payload);
} else {
setAboutContent(aboutEditedContent);
- setAbout(getContent(aboutContent));
+ setAbout(getContent(aboutEditedContent));
toast.success('Team updated successfully');
analytics.recordAboutSave('save-success', getAnalyticsUserInfo(userInfo), payload);
}
@@ -125,6 +125,9 @@ const About = (props: IAbout) => {
)}
@@ -133,6 +136,9 @@ const About = (props: IAbout) => {
)}
@@ -179,6 +185,15 @@ const About = (props: IAbout) => {
gap: 8px;
}
+ .about__content__show-more__icon {
+ top: 2px;
+ position: relative;
+ width: 12px;
+ height: 12px;
+ display: inline-block;
+ margin-left: 4px;
+ }
+
.about__content {
color: #0f172a;
font-size: 15px;
@@ -199,7 +214,7 @@ const About = (props: IAbout) => {
.about__content__show-less {
color: #156ff7;
- font-size: 14px;
+ font-size: 14px;
font-weight: 500;
line-height: 14px;
padding: 0;
diff --git a/public/icons/chevron-up.svg b/public/icons/chevron-up.svg
new file mode 100644
index 00000000..fbbcd30d
--- /dev/null
+++ b/public/icons/chevron-up.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/icons/showless.svg b/public/icons/showless.svg
new file mode 100644
index 00000000..f11d8c9c
--- /dev/null
+++ b/public/icons/showless.svg
@@ -0,0 +1,3 @@
+