Merge pull request #90 from BrightspaceUI/floating-buttons-screenshot

adding an animated GIF to demo the floating buttons
BrightspaceUI · Apr 21, 2017 · 9acad82 · 9acad82
2 parents 40316a1 + 494b20a
commit 9acad82
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -62,6 +62,8 @@ The `primary` and `disabled` attributes work the same way as they do with the we
 
 Floating workflow buttons behavior can be added by using the `<d2l-floating-buttons>` custom element.  When the normal position of the workflow buttons is below the bottom edge of the view-port, they'll dock at the bottom edge.  When the normal position becomes visible, they'll undock.
 
+![screenshot of floating buttons](/screenshots/floating-buttons.gif?raw=true)
+
 ```html
 <head>
 	<script src="https://s.brightspace.com/lib/webcomponentsjs/0.7.21/webcomponents-lite.min.js"></script>

diff --git a/screenshots/floating-buttons.gif b/screenshots/floating-buttons.gif
-Original file line number
+Diff line change
@@ Expand Up @@
     Floating workflow buttons behavior can be added by using the `<d2l-floating-buttons>` custom element.  When the normal position of the workflow buttons is below the bottom edge of the view-port, they'll dock at the bottom edge.  When the normal position becomes visible, they'll undock.
+    ![screenshot of floating buttons](/screenshots/floating-buttons.gif?raw=true)
     ```html
     <head>
     	<script src="https://s.brightspace.com/lib/webcomponentsjs/0.7.21/webcomponents-lite.min.js"></script>
@@ Expand Down @@