浏览代码

Nicer Instagram selection UX, with some transitions

Alexander Zaytsev 6 年之前
父节点
当前提交
487a06300e
共有 1 个文件被更改,包括 8 次插入1 次删除
  1. 8 1
      packages/@uppy/provider-views/src/style.scss

+ 8 - 1
packages/@uppy/provider-views/src/style.scss

@@ -341,6 +341,7 @@
     right: 7px;
     bottom: 7px;
     text-align: center;
+    background-color: $color-black;
   }
 
   .uppy-ProviderBrowserItem-inner:focus {
@@ -352,8 +353,14 @@
   .uppy-ProviderBrowserItem svg {
     width: 100%;
     height: 100%;
-    vertical-align: middle;
     object-fit: cover;
+    opacity: 0.9;
+    transition: opacity 0.1s ease-in-out;
+  }
+
+  .uppy-ProviderBrowserItem--selected img,
+  .uppy-ProviderBrowserItem--selected svg {
+    opacity: 1;
   }
 
   .uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {