Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1815)

Unified Diff: polymer_0.5.0/bower_components/core-range/demo.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 12 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: polymer_0.5.0/bower_components/core-range/demo.html
diff --git a/bower_components/core-range/demo.html b/polymer_0.5.0/bower_components/core-range/demo.html
similarity index 53%
rename from bower_components/core-range/demo.html
rename to polymer_0.5.0/bower_components/core-range/demo.html
index f7d24f911974f7a8ccb27476964b4ebe32eacf2d..f0d3f78fb63f63266c69fe3a1af007fb36f06885 100644
--- a/bower_components/core-range/demo.html
+++ b/polymer_0.5.0/bower_components/core-range/demo.html
@@ -12,58 +12,63 @@
<head>
<title>core-range</title>
- <script src="../platform/platform.js"></script>
+ <script src="../webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="core-range.html">
<link rel="import" href="../core-input/core-input.html">
<style>
-
- </style>
+ body {
+ font-family: sans-serif;
+ }
+ </style>
</head>
<body unresolved>
- <polymer-element name="x-test" noscript attributes="value">
+ <polymer-element name="x-progressbar" noscript attributes="value min max">
<template>
<style>
:host {
- display: inline-block;
- height: 25px;
- width: 300px;
- background-color: #ddd;
+ display: block;
+ height: 40px;
+ background-color: #555;
+ border-radius: 4px;
+ padding: 8px;
+ box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.progress {
- background-color: red;
+ background-color: #999;
height: 100%;
- padding: 5px 0;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
+ border-radius: 4px;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
- core-input {
- border: 1px solid #ccc;
+ .progress-value {
+ padding: 0 8px;
+ font-size: 18px;
+ color: #fff;
}
</style>
- <core-range min="0" max="200" step="0.5" value="{{value}}" ratio="{{ratio}}"></core-range>
+ <core-range min="{{min}}" max="{{max}}" value="{{value}}" ratio="{{ratio}}"></core-range>
- <div class="progress" style="width: {{ratio}}%;">{{ratio}}%</div><br>
+ <div class="progress" horizontal center layout _style="width: {{ratio}}%;">
+ <div class="progress-value">{{ratio}}%</div>
+ </div>
- value (0 - 200): <core-input value="{{value}}"></core-input>
-
</template>
</polymer-element>
- <x-test value="100"></x-test>
+ <x-progressbar min="0" max="200" value="120"></x-progressbar>
</body>
</html>
« no previous file with comments | « polymer_0.5.0/bower_components/core-range/core-range.html ('k') | polymer_0.5.0/bower_components/core-range/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698