Hi,
My name is Petar and I have some problems with the custom css properties.
This is a simple example:
<link rel="import" href="/bower_components/polymer/polymer.html">
<link rel="import" href="/bower_components/iron-icon/iron-icon.html">
<link rel="import" href="/bower_components/iron-icons/iron-icons.html">
<dom-model id="cg-alert">
<style>
:host {
}
#alert {
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
}
#alert[type=success] {
color: var(--cg-alert-success-color, #3c763d);
background-color: var(--cg-alert-success-background-color, #dff0d8);
border-color: var(--cg-alert-success-border-color, #d6e9c6);
}
#alert[type=error] {
color: var(--cg-alert-error-color, #a94442);
background-color: var(--cg-alert-error-background-color, #f2dede);
border-color: var(--cg-alert-error-border-color, #ebccd1);
}
</style>
<template>
<template is="dom-if" if="{{ isAlertVisible(message) }}">
<div id="alert" type$="{{ type }}">
<iron-icon icon="{{ alertIconType(type) }}"></iron-icon>
<span>{{ message }}</span>
</div>
</template>
</template>
<script>
Polymer({
is: 'cg-alert',
types: {
success: {
icon: 'done'
},
error: {
icon: 'error'
}
},
properties: {
type: {
type: String,
value: ''
},
message: {
type: String,
value: 'asdgasdg'
}
},
isAlertVisible: function(message) {
return message && message != '' ? true : false;
},
alertIconType: function(type) {
return this.types[type] && this.types[type].icon;
}
});
</script>
</dom-model>
This styling works on Firefox 38, but it doesn't seems to work on Chrome 43
and Opera 27. The problem is'n in the default values, I tried to override
them and there is no deference.
Am I missing something?
Greetings,
Petar
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/65294c80-5347-4f5d-8d09-01a1d284b423%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
