improve demos

mui · Nov 25, 2019 · b67a52e · b67a52e
1 parent 7cce991
commit b67a52e
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 13 deletions.
diff --git a/docs/src/pages/components/skeleton/Variants.js b/docs/src/pages/components/skeleton/Variants.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import Skeleton from '@material-ui/lab/Skeleton';
+
+export default function Variants() {
+  return (
+    <div>
+      <Skeleton variant="text" />
+      <Skeleton variant="circle" width={40} height={40} />
+      <Skeleton variant="rect" width={210} height={118} />
+    </div>
+  );
+}
diff --git a/docs/src/pages/components/skeleton/Variants.tsx b/docs/src/pages/components/skeleton/Variants.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import Skeleton from '@material-ui/lab/Skeleton';
+
+export default function Variants() {
+  return (
+    <div>
+      <Skeleton variant="text" />
+      <Skeleton variant="circle" width={40} height={40} />
+      <Skeleton variant="rect" width={210} height={118} />
+    </div>
+  );
+}
diff --git a/docs/src/pages/components/skeleton/YouTube.js b/docs/src/pages/components/skeleton/YouTube.js
@@ -16,11 +16,11 @@ const data = [
   },
   {
     src:
-      'https://i.ytimg.com/vi/ycHr1G0Gffg/hqdefault.jpg?sqp=-oaymwEYCNIBEHZIVfKriqkDCwgBFQAAiEIYAXAB&rs=AOn4CLAS6ZJ5RYa2R3Ksp9d8cLzY_8DMOA',
-    title: 'Top Latino Songs 2019 - Luis Fonsi, Ozuna, Nicky Jam…',
-    channel: 'Dj Yanky Plus',
-    views: '2.1 M views',
-    createdAt: '4 months ago',
+      'https://i.ytimg.com/vi/_Uu12zY01ts/hqdefault.jpg?sqp=-oaymwEZCPYBEIoBSFXyq4qpAwsIARUAAIhCGAFwAQ==&rs=AOn4CLCpX6Jan2rxrCAZxJYDXppTP4MoQA',
+    title: 'Queen - Greatest Hits',
+    channel: 'Queen Official',
+    views: '40 M views',
+    createdAt: '3 years ago',
   },
   {
     src:

diff --git a/docs/src/pages/components/skeleton/YouTube.tsx b/docs/src/pages/components/skeleton/YouTube.tsx
@@ -15,11 +15,11 @@ const data = [
   },
   {
     src:
-      'https://i.ytimg.com/vi/ycHr1G0Gffg/hqdefault.jpg?sqp=-oaymwEYCNIBEHZIVfKriqkDCwgBFQAAiEIYAXAB&rs=AOn4CLAS6ZJ5RYa2R3Ksp9d8cLzY_8DMOA',
-    title: 'Top Latino Songs 2019 - Luis Fonsi, Ozuna, Nicky Jam…',
-    channel: 'Dj Yanky Plus',
-    views: '2.1 M views',
-    createdAt: '4 months ago',
+      'https://i.ytimg.com/vi/_Uu12zY01ts/hqdefault.jpg?sqp=-oaymwEZCPYBEIoBSFXyq4qpAwsIARUAAIhCGAFwAQ==&rs=AOn4CLCpX6Jan2rxrCAZxJYDXppTP4MoQA',
+    title: 'Queen - Greatest Hits',
+    channel: 'Queen Official',
+    views: '40 M views',
+    createdAt: '3 years ago',
   },
   {
     src:

diff --git a/docs/src/pages/components/skeleton/skeleton.md b/docs/src/pages/components/skeleton/skeleton.md
@@ -20,6 +20,12 @@ For instance:
 )}
 ```
 
+## Variants
+
+The component supports 3 variants.
+
+{{"demo": "pages/components/skeleton/Variants.js"}}
+
 ## YouTube example
 
 {{"demo": "pages/components/skeleton/YouTube.js", "defaultCodeOpen": false}}

diff --git a/packages/material-ui-lab/src/Skeleton/Skeleton.js b/packages/material-ui-lab/src/Skeleton/Skeleton.js
@@ -15,10 +15,9 @@ export const styles = theme => ({
     marginTop: 0,
     marginBottom: 0,
     height: 'auto',
-    transformOrigin: '0 65%',
-    transform: 'translateZ(0) scale(1, 0.65)',
+    transformOrigin: '0 60%',
+    transform: 'scale(1, 0.60)',
     borderRadius: theme.shape.borderRadius,
-    textIndent: -999,
     '&:empty:before': {
       content: '"\\00a0"',
     },