##// END OF EJS Templates
components: completed rhodecode-toggle for notification settings
components: completed rhodecode-toggle for notification settings

File last commit:

r704:e3c25eda default
r727:912a8f06 default
Show More
rhodecode-toast.less
44 lines | 762 B | text/x-less | LessCssLexer
notifications: make styling match the design
r704 @import '../../../../css/variables';
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;
notifications: make styling match the design
r704 &.info{
color: @alert4;
}
&.success {
color: @alert1;
components: reorganize build pipeline to have nice separation of html/js/css
r703 }
&.error, &.danger {
notifications: make styling match the design
r704 color: @alert2;
components: reorganize build pipeline to have nice separation of html/js/css
r703 }
&.warning {
notifications: make styling match the design
r704 color: @alert3;
components: reorganize build pipeline to have nice separation of html/js/css
r703 }
}