##// END OF EJS Templates
toasts: hide messages on escape.
toasts: hide messages on escape.

File last commit:

r1486:06061388 default
r1486:06061388 default
Show More
rhodecode-toast.html
25 lines | 1.2 KiB | text/html | HtmlLexer
components: reorganize build pipeline to have nice separation of html/js/css
r703 <link rel="import" href="../../../../../../bower_components/paper-button/paper-button.html">
polymer: simplify shared components
r746 <link rel="import" href="../../../../../../bower_components/paper-toast/paper-toast.html">
toasts: hide messages on escape.
r1486 <link rel="import" href="../../../../../../bower_components/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
components: reorganize build pipeline to have nice separation of html/js/css
r703 <link rel="import" href="../rhodecode-unsafe-html/rhodecode-unsafe-html.html">
<dom-module id="rhodecode-toast">
<template>
notifications: make styling match the design
r704 <style include="shared-styles"></style>
components: reorganize build pipeline to have nice separation of html/js/css
r703 <link rel="stylesheet" href="rhodecode-toast.css">
notifications: different approach with fixed/standard container
r1483 <template is="dom-if" if="[[hasToasts]]">
rhodecode-toast: css improvements.
r1484 <div class$="container toast-message-holder [[conditionalClass(isFixed)]]">
notifications: different approach with fixed/standard container
r1483 <template is="dom-repeat" items="[[toasts]]">
<div class$="alert alert-[[item.level]]">
<rhodecode-unsafe-html text="[[item.message]]"></rhodecode-unsafe-html>
components: reorganize build pipeline to have nice separation of html/js/css
r703 </div>
</template>
notifications: different approach with fixed/standard container
r1483
<div class="toast-close">
<button on-tap="dismissNotifications" class="btn btn-default">[[_gettext('Close')]]</button>
</div>
components: reorganize build pipeline to have nice separation of html/js/css
r703 </div>
notifications: different approach with fixed/standard container
r1483 </template>
components: reorganize build pipeline to have nice separation of html/js/css
r703 </template>
<script src="rhodecode-toast.js"></script>
</dom-module>