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

dependencies: Adding Bower out of nixpkgs...

dependencies: Adding Bower out of nixpkgs Usually bower would be installed globally, so it seems to be appropriate to use the one out of the nixpkgs so that we don't have to pin a specific version ourselves.

ergo - - Load All Authors

File last commit:

r704:e3c25eda default


                r709:a198b78f

default

Download file

             rhodecode-toast.less
        
                    44 lines
            
             | 762 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';

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

              r703
            
      paper-toast{

          width: 100%;

          min-width: 400px;

          --paper-toast-background-color: #ffffff;

          --paper-toast-color: #000000;

      }

      paper-toast a{

          font-weight: bold

      }

      .toast-message-holder {

          width: ~'calc(100% - 150px)';

          display: inline-block;

      }

      .toast-close {

          display: inline-block;

          width: 145px;

          text-align: right;

          float: right;

      }

      .toast-notification {

          padding: 10px 0 10px 0;

      }

      .toast-level {

          display: inline-block;

          min-width: 100px;

          font-weight: bold;

          text-transform: uppercase;

        ergo
    
notifications: make styling match the design

              r704
            
          &.info{

              color: @alert4;

          }

          &.success {

              color: @alert1;

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

              r703
            
          }

          &.error, &.danger {

        ergo
    
notifications: make styling match the design

              r704
            
              color: @alert2;

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

              r703
            
          }

          &.warning {

        ergo
    
notifications: make styling match the design

              r704
            
              color: @alert3;

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

              r703
            
          }

      }

	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';

ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	paper-toast{
		width: 100%;
		min-width: 400px;
		--paper-toast-background-color: #ffffff;
		--paper-toast-color: #000000;
		}
		paper-toast a{
		font-weight: bold
		}

		.toast-message-holder {
		width: ~'calc(100% - 150px)';
		display: inline-block;
		}
		.toast-close {
		display: inline-block;
		width: 145px;
		text-align: right;
		float: right;
		}
		.toast-notification {
		padding: 10px 0 10px 0;
		}

		.toast-level {
		display: inline-block;
		min-width: 100px;
		font-weight: bold;
		text-transform: uppercase;
ergo notifications: make styling match the design	r704	&.info{
		color: @alert4;
		}
		&.success {
		color: @alert1;
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	}
		&.error, &.danger {
ergo notifications: make styling match the design	r704	color: @alert2;
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	}
		&.warning {
ergo notifications: make styling match the design	r704	color: @alert3;
ergo components: reorganize build pipeline to have nice separation of html/js/css	r703	}
		}