##// END OF EJS Templates
notifications: make styling match the design
ergo -
r704:e3c25eda default
parent child Browse files
Show More
@@ -5,11 +5,5 b''
5 @import 'rcicons';
5 @import 'rcicons';
6 @import 'fonts';
6 @import 'fonts';
7 @import 'variables';
7 @import 'variables';
8 @import 'legacy_code_styles';
9 @import 'type';
8 @import 'type';
10 @import 'alerts';
11 @import 'buttons';
9 @import 'buttons';
12 @import 'tags';
13 @import 'examples';
14 @import 'login';
15 @import 'comments';
@@ -2,6 +2,7 b''
2 <link rel="import" href="../rhodecode-unsafe-html/rhodecode-unsafe-html.html">
2 <link rel="import" href="../rhodecode-unsafe-html/rhodecode-unsafe-html.html">
3 <dom-module id="rhodecode-toast">
3 <dom-module id="rhodecode-toast">
4 <template>
4 <template>
5 <style include="shared-styles"></style>
5 <link rel="stylesheet" href="rhodecode-toast.css">
6 <link rel="stylesheet" href="rhodecode-toast.css">
6
7
7 <paper-toast id="p-toast" duration="0" horizontal-offset="100" horizontal-align="auto" vertical-align="top" always-on-top>
8 <paper-toast id="p-toast" duration="0" horizontal-offset="100" horizontal-align="auto" vertical-align="top" always-on-top>
@@ -14,7 +15,7 b''
14 </template>
15 </template>
15 </div>
16 </div>
16 <div class="toast-close">
17 <div class="toast-close">
17 <paper-button on-tap="dismissNotifications" class="btn btn-info">{{_gettext('Close now')}}</paper-button>
18 <paper-button on-tap="dismissNotifications" class="btn btn-primary">{{_gettext('Close now')}}</paper-button>
18 </div>
19 </div>
19 </paper-toast>
20 </paper-toast>
20 </template>
21 </template>
@@ -1,3 +1,5 b''
1 @import '../../../../css/variables';
2
1 paper-toast{
3 paper-toast{
2 width: 100%;
4 width: 100%;
3 min-width: 400px;
5 min-width: 400px;
@@ -27,13 +29,16 b' paper-toast a{'
27 min-width: 100px;
29 min-width: 100px;
28 font-weight: bold;
30 font-weight: bold;
29 text-transform: uppercase;
31 text-transform: uppercase;
30 &.info, &.success {
32 &.info{
31 color: #0ac878;
33 color: @alert4;
34 }
35 &.success {
36 color: @alert1;
32 }
37 }
33 &.error, &.danger {
38 &.error, &.danger {
34 color: #e85e4d;
39 color: @alert2;
35 }
40 }
36 &.warning {
41 &.warning {
37 color: #ffc854;
42 color: @alert3;
38 }
43 }
39 }
44 }
@@ -36,7 +36,7 b''
36 </div>
36 </div>
37 </div>
37 </div>
38 <div class="buttons">
38 <div class="buttons">
39 <a class="btn btn-info" id="test-notification">Test notification</a>
39 <a class="btn btn-default" id="test-notification">Test notification</a>
40 </div>
40 </div>
41 </div>
41 </div>
42 </div>
42 </div>
General Comments 0
You need to be logged in to leave comments. Login now