]> source.dussan.org Git - vaadin-core.git/commitdiff
projects / vaadin-core.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: d8b0a67)
Fixed user image positioning in polymer example
authorTomi Virkki <virkki@vaadin.com>
Wed, 13 Jan 2016 07:50:34 +0000 (09:50 +0200)
committerTomi Virkki <virkki@vaadin.com>
Wed, 13 Jan 2016 07:50:34 +0000 (09:50 +0200)
demo/polymer.html patch | blob | history

diff --git a/demo/polymer.html b/demo/polymer.html
index 02941148f1a78e195b88976458445dc8de6d44c6..41e1e2c79b829bf4836dffbb99c4d7076ed76189 100644 (file)
--- a/demo/polymer.html
+++ b/demo/polymer.html
@@ -12,6 +12,26 @@ layout: page
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
   <link rel="import" href="common.html">
+  <style>
+  .demo-wrapper > div {
+    position: relative;
+  }
+
+  .user-image {
+    width: auto;
+    height: auto;
+    margin: 0;
+    border: none;
+  }
+  .user-image img {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    width: auto;
+    max-width: 33%;
+    max-height: 33%;
+  }
+  </style>
 </head>
 
 <body unresolved>
Vaadin web components: https://github.com/vaadin/vaadin-core