u/ewong/rhodecode-enterprise-ce-fork Files · rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html

css: using variables and mixins for toast component

ergo - - Load All Authors

File last commit:

r747:ca67c281 default


                r766:0c989a59

default

Download file

             rhodecode-toast.html
        
                    24 lines
            
             | 1.1 KiB
            
                | text/html
            
             |
                HtmlLexer
            
             / rhodecode / public / js / src / components / rhodecode-toast / rhodecode-toast.html
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        ergo
    
components: reorganize build pipeline to have nice separation of html/js/css

              r703
            
      <link rel="import" href="../../../../../../bower_components/paper-button/paper-button.html">

        ergo
    
polymer: simplify shared components

              r746
            
      <link rel="import" href="../../../../../../bower_components/paper-toast/paper-toast.html">

        ergo
    
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>

        ergo
    
notifications: make styling match the design

              r704
            
              <style include="shared-styles"></style>

        ergo
    
components: reorganize build pipeline to have nice separation of html/js/css

              r703
            
              <link rel="stylesheet" href="rhodecode-toast.css">

              <paper-toast id="p-toast" duration="0"  horizontal-offset="100" horizontal-align="auto" vertical-align="top" always-on-top>

                  <div class="toast-message-holder">

                      <template is="dom-repeat" items="{{toasts}}">

        ergo
    
toasts: refedined how notifications looks

              r747
            
                          <div class$="alert alert-{{item.level}}">

        ergo
    
components: reorganize build pipeline to have nice separation of html/js/css

              r703
            
                          <rhodecode-unsafe-html text="{{item.message}}"></rhodecode-unsafe-html>

                          </div>

                      </template>

                  </div>

                  <div class="toast-close">

        ergo
    
toasts: refedined how notifications looks

              r747
            
                      <paper-button on-tap="dismissNotifications" class="btn btn-default">{{_gettext('Close now')}}</paper-button>

        ergo
    
components: reorganize build pipeline to have nice separation of html/js/css

              r703
            
                  </div>

              </paper-toast>

          </template>

          <script src="rhodecode-toast.js"></script>

      </dom-module>

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	<link rel="import" href="../../../../../../bower_components/paper-button/paper-button.html">
ergo polymer: simplify shared components	r746	<link rel="import" href="../../../../../../bower_components/paper-toast/paper-toast.html">
ergo 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>
ergo notifications: make styling match the design	r704	<style include="shared-styles"></style>
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	<link rel="stylesheet" href="rhodecode-toast.css">

		<paper-toast id="p-toast" duration="0" horizontal-offset="100" horizontal-align="auto" vertical-align="top" always-on-top>
		<div class="toast-message-holder">
		<template is="dom-repeat" items="{{toasts}}">
ergo toasts: refedined how notifications looks	r747	<div class$="alert alert-{{item.level}}">
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	<rhodecode-unsafe-html text="{{item.message}}"></rhodecode-unsafe-html>
		</div>
		</template>
		</div>
		<div class="toast-close">
ergo toasts: refedined how notifications looks	r747	<paper-button on-tap="dismissNotifications" class="btn btn-default">{{_gettext('Close now')}}</paper-button>
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	</div>
		</paper-toast>
		</template>

		<script src="rhodecode-toast.js"></script>
		</dom-module>