u/pc/rhodecode-enterprise-ce-fork-pc Files · rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.less

notifications: clear out toasts after animation, remove ink animation from the button

lisaq - - Load All Authors

File last commit:

r766:0c989a59 default


                r778:6acda5b8

default

Download file

             rhodecode-toast.less
        
                    27 lines
            
             | 519 B
            
                | text/x-less
            
             |
                LessCssLexer
            
             / rhodecode / public / js / src / components / rhodecode-toast / rhodecode-toast.less
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        ergo
    
notifications: make styling match the design

              r704
            
      @import '../../../../css/variables';

        lisaq
    
css: using variables and mixins for toast component

              r766
            
      @import '../../../../css/mixins';

        ergo
    
notifications: make styling match the design

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

              r703
            
      paper-toast{

          width: 100%;

          min-width: 400px;

        ergo
    
toasts: refedined how notifications looks

              r747
            
          --paper-toast-background-color: transparent;

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

              r703
            
          --paper-toast-color: #000000;

        lisaq
    
css: using variables and mixins for toast component

              r766
            
          .box-shadow(none);

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

              r703
            
      }

      paper-toast a{

          font-weight: bold

      }

      .toast-message-holder {

      }

      .toast-close {

          text-align: right;

        ergo
    
toasts: refedined how notifications looks

              r747
            
          paper-button{

        lisaq
    
css: using variables and mixins for toast component

              r766
            
              .box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.15));

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

              r703
            
          }

      }

        ergo
    
toasts: refedined how notifications looks

              r747
            
      paper-toast .alert{

        lisaq
    
css: using variables and mixins for toast component

              r766
            
          margin: 0px 0 @padding 0;

          .box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.15));

        ergo
    
toasts: refedined how notifications looks

              r747
            
      }

	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 notifications: make styling match the design	r704	@import '../../../../css/variables';
lisaq css: using variables and mixins for toast component	r766	@import '../../../../css/mixins';
ergo notifications: make styling match the design	r704
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	paper-toast{
		width: 100%;
		min-width: 400px;
ergo toasts: refedined how notifications looks	r747	--paper-toast-background-color: transparent;
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	--paper-toast-color: #000000;
lisaq css: using variables and mixins for toast component	r766	.box-shadow(none);
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	}
		paper-toast a{
		font-weight: bold
		}

		.toast-message-holder {
		}
		.toast-close {
		text-align: right;

ergo toasts: refedined how notifications looks	r747	paper-button{
lisaq css: using variables and mixins for toast component	r766	.box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.15));
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	}
		}
ergo toasts: refedined how notifications looks	r747	paper-toast .alert{
lisaq css: using variables and mixins for toast component	r766	margin: 0px 0 @padding 0;
		.box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.15));
ergo toasts: refedined how notifications looks	r747	}