fix(ui): fix swipe for article cards

ncarlier · Apr 21, 2019 · 13577cb · 13577cb
1 parent 861afca
commit 13577cb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/ui/src/articles/components/ArticleList.tsx b/ui/src/articles/components/ArticleList.tsx
@@ -55,7 +55,7 @@ export default (props: Props) => {
       {articles.map(article => (
         <li key={`article-${article.id}`}>
           {
-            isMobileDisplay ?
+            isMobileDisplay && !article.isOffline ?
             <SwipeableArticleCard article={article} readMoreBasePath={basePath} /> :
             <ArticleCard article={article} readMoreBasePath={basePath} />
           }

diff --git a/ui/src/articles/components/SwipeableArticleCard.tsx b/ui/src/articles/components/SwipeableArticleCard.tsx
@@ -48,7 +48,10 @@ export const SwipeableArticleCard = (props: AllProps) => {
   const bgIcon = article.status === 'read' ? 'undo' : 'done'
 
   return (
-    <SwipeToDelete background={<Background icon={bgIcon} />} onDelete={handleOnDelete}>
+    <SwipeToDelete
+      background={<Background icon={bgIcon} />}
+      deleteSwipe={0.3}
+      onDelete={handleOnDelete}>
       <ArticleCard article={article} readMoreBasePath={readMoreBasePath} />
     </SwipeToDelete>
   )

diff --git a/ui/src/common/ButtonIcon.module.css b/ui/src/common/ButtonIcon.module.css
@@ -52,6 +52,7 @@
   bottom: 30px;
   right: 30px;
   box-shadow: 0px 2px 5px #666;
+  z-index: 999;
 }
 
 @keyframes rotate {