engineering/unrhodecode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

rhodecode-toast: css improvements.

Browse source
This commit is contained in:
Marcin Kuzminski 2017-03-01 10:25:10 +01:00
parent d4d6fba318
commit aa5952b45a
3 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
rhodecode/public/css/alerts.less
View file

@ -5,7 +5,6 @@
.alert {
clear: both;
margin: @space auto 0 auto;
padding: @padding;
border: @border-thickness solid;
border-radius: @border-radius;

2
rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
View file

@ -6,7 +6,7 @@
<style include="shared-styles"></style>
<link rel="stylesheet" href="rhodecode-toast.css">
<template is="dom-if" if="[[hasToasts]]">
<div class$="container toast-message-holder [[conditionalClass(isFixed)]]" >
<div class$="container toast-message-holder [[conditionalClass(isFixed)]]">
<template is="dom-repeat" items="[[toasts]]">
<div class$="alert alert-[[item.level]]">
<rhodecode-unsafe-html text="[[item.message]]"></rhodecode-unsafe-html>

14
rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.less
View file

@ -7,16 +7,22 @@
.toast-close{
text-align: right;
.btn {
margin: 0;
}
}
.toast-message-holder{
background-color: #ffffff;
background: fade(#fff, 25%);
&.fixed{
position: fixed;
padding: 10px;
padding: 10px 0;
margin-left: 10px;
margin-right: 10px;
top: 0;
width: 1200px;
z-index: 1;
left: 0;
right:0;
z-index: 100;
}
}