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- |
|
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 |
|
32 | &.info{ | |
31 |
color: |
|
33 | color: @alert4; | |
|
34 | } | |||
|
35 | &.success { | |||
|
36 | color: @alert1; | |||
32 | } |
|
37 | } | |
33 | &.error, &.danger { |
|
38 | &.error, &.danger { | |
34 |
color: |
|
39 | color: @alert2; | |
35 | } |
|
40 | } | |
36 | &.warning { |
|
41 | &.warning { | |
37 |
color: |
|
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- |
|
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