From 2fd0c6dd069d5fad4a26cec12d0a76f501d99c0d Mon Sep 17 00:00:00 2001 From: kevin Date: Thu, 9 Sep 2021 18:00:57 +0800 Subject: [PATCH 1/5] fix style on safari --- src/pages/academy/components/recent-featured-posts/_style.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/academy/components/recent-featured-posts/_style.js b/src/pages/academy/components/recent-featured-posts/_style.js index dc8db25f6e1..4f032440db3 100644 --- a/src/pages/academy/components/recent-featured-posts/_style.js +++ b/src/pages/academy/components/recent-featured-posts/_style.js @@ -83,6 +83,7 @@ export const MainArticle = styled(Flex)` export const Description = styled.div` position: absolute; left: 0; + bottom: 0; padding: 24px 40px 0 40px; margin-bottom: 80px; From 880d844d2d2e2620ee9712fe05e1a139ff539971 Mon Sep 17 00:00:00 2001 From: kevin Date: Wed, 15 Sep 2021 10:59:13 +0800 Subject: [PATCH 2/5] fix safari 13.0 prob --- .../academy/components/recent-featured-posts/_style.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/pages/academy/components/recent-featured-posts/_style.js b/src/pages/academy/components/recent-featured-posts/_style.js index 4f032440db3..d496bf36a07 100644 --- a/src/pages/academy/components/recent-featured-posts/_style.js +++ b/src/pages/academy/components/recent-featured-posts/_style.js @@ -223,10 +223,16 @@ export const SmallArticleLeftContent = styled(Flex)` export const SmallArticleRightContent = styled(Flex)` margin-left: 10px; flex-direction: column; + /* stylelint-disable */ + -webkit-justify-content: space-between; + /* stylelint-enable */ justify-content: space-between; @media ${device.laptopM} { justify-content: flex-start; + /* stylelint-disable */ + -webkit-justify-content: flex-start; + /* stylelint-enable */ } @media (max-width: 425px) { From bc5ddb00314a3bb3e872a97ae3dcd228cfa1770f Mon Sep 17 00:00:00 2001 From: kevin Date: Wed, 15 Sep 2021 11:29:51 +0800 Subject: [PATCH 3/5] fix safari problem --- src/pages/academy/components/recent-featured-posts/_style.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/pages/academy/components/recent-featured-posts/_style.js b/src/pages/academy/components/recent-featured-posts/_style.js index d496bf36a07..5b1e201eaec 100644 --- a/src/pages/academy/components/recent-featured-posts/_style.js +++ b/src/pages/academy/components/recent-featured-posts/_style.js @@ -275,6 +275,10 @@ export const SmallArticleTopContent = styled(Flex)` height: 30px; justify-content: flex-start; flex-direction: column; + /* stylelint-disable */ + flex: 0 1; + -webkit-flex: 0 1; + /* stylelint-enable */ @media ${device.laptopM} { flex-direction: row; From ad2d676d964c9255f70091d4635e8edc406235e7 Mon Sep 17 00:00:00 2001 From: kevin Date: Wed, 15 Sep 2021 11:38:50 +0800 Subject: [PATCH 4/5] fix safari problem --- src/pages/academy/components/recent-featured-posts/_style.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/academy/components/recent-featured-posts/_style.js b/src/pages/academy/components/recent-featured-posts/_style.js index 5b1e201eaec..d793f46b195 100644 --- a/src/pages/academy/components/recent-featured-posts/_style.js +++ b/src/pages/academy/components/recent-featured-posts/_style.js @@ -277,7 +277,7 @@ export const SmallArticleTopContent = styled(Flex)` flex-direction: column; /* stylelint-disable */ flex: 0 1; - -webkit-flex: 0 1; + -webkit-flex: 1 1 15em; /* stylelint-enable */ @media ${device.laptopM} { flex-direction: row; From aa11ef662eff7b97ea5daf7905c70f3870610c68 Mon Sep 17 00:00:00 2001 From: kevin Date: Wed, 15 Sep 2021 12:22:33 +0800 Subject: [PATCH 5/5] flex fix --- src/pages/academy/components/recent-featured-posts/_style.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/academy/components/recent-featured-posts/_style.js b/src/pages/academy/components/recent-featured-posts/_style.js index d793f46b195..8ce48959c80 100644 --- a/src/pages/academy/components/recent-featured-posts/_style.js +++ b/src/pages/academy/components/recent-featured-posts/_style.js @@ -276,7 +276,7 @@ export const SmallArticleTopContent = styled(Flex)` justify-content: flex-start; flex-direction: column; /* stylelint-disable */ - flex: 0 1; + flex: 1 1 15em; -webkit-flex: 1 1 15em; /* stylelint-enable */ @media ${device.laptopM} {