From 8c0459fd2d030b46ed22f54ed2eb36d2907cb77a Mon Sep 17 00:00:00 2001
From: Evan Chou <chou86.e@gmail.com>
Date: Wed, 11 Nov 2020 01:52:43 +0000
Subject: [PATCH] move webkit-box to flex
---
package.json | 5 ++++-
src/app/components/pages/PostsIndex.scss | 15 +++++----------
2 files changed, 9 insertions(+), 11 deletions(-)
diff --git a/package.json b/package.json
index d0e8d63f0..2aea38095 100644
--- a/package.json
+++ b/package.json
@@ -239,5 +239,8 @@
"moduleNameMapper": {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js"
}
- }
+ },
+ "browserslist": [
+ "defaults"
+ ]
}
diff --git a/src/app/components/pages/PostsIndex.scss b/src/app/components/pages/PostsIndex.scss
index ae5d187f7..0b42a90a5 100644
--- a/src/app/components/pages/PostsIndex.scss
+++ b/src/app/components/pages/PostsIndex.scss
@@ -402,9 +402,9 @@
@include font-size(16px);
overflow : hidden;
text-overflow: ellipsis;
- display: -webkit-box;
+ display: flex;
-webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
+ flex-direction: column;
a {
font-weight: bold;
@include themify($themes) {
@@ -452,9 +452,9 @@
padding-top: 4px;
overflow : hidden;
text-overflow: ellipsis;
- display: -webkit-box;
+ display: flex;
-webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
+ flex-direction: column;
}
&__link {
text-decoration: none;
@@ -525,11 +525,6 @@
}
}
- &__content-block--text {
- -webkit-box-flex: 1;
- box-flex: 1;
- }
-
&__content-block--img + &__content-block--text {
margin-top: 0;
}
@@ -770,7 +765,7 @@ a#changeLayout:focus {
padding-top: 0px;
}
&__content {
- display: -webkit-box;
+ display: flex;
align-items: top;
}
&__footer {
--
GitLab