Skip to content

Commit 9f592d0

Browse files
AllenFangAllenFang
committed
fix #137 #90 
1 parent 9b114e3 commit 9f592d0

File tree

4 files changed

+204
-3
lines changed

4 files changed

+204
-3
lines changed

‎css/react-bootstrap-table-all.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*editor error animate*/
22
/*@import "~toastr/build/toastr.min.css";*/
3-
@import "https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css";
3+
/*@import "https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css";*/
44

55
.react-bs-container .react-bs-table-container {
66
border: 1px solid #dddddd;

‎css/react-bootstrap-table-all.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/toastr.css

+201
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,201 @@
1+
/*
2+
from https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.css
3+
*/
4+
5+
.toast-title {
6+
font-weight: bold;
7+
}
8+
.toast-message {
9+
-ms-word-wrap: break-word;
10+
word-wrap: break-word;
11+
}
12+
.toast-message a,
13+
.toast-message label {
14+
color: #ffffff;
15+
}
16+
.toast-message a:hover {
17+
color: #cccccc;
18+
text-decoration: none;
19+
}
20+
.toast-close-button {
21+
position: relative;
22+
right: -0.3em;
23+
top: -0.3em;
24+
float: right;
25+
font-size: 20px;
26+
font-weight: bold;
27+
color: #ffffff;
28+
-webkit-text-shadow: 0 1px 0 #ffffff;
29+
text-shadow: 0 1px 0 #ffffff;
30+
opacity: 0.8;
31+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
32+
filter: alpha(opacity=80);
33+
}
34+
.toast-close-button:hover,
35+
.toast-close-button:focus {
36+
color: #000000;
37+
text-decoration: none;
38+
cursor: pointer;
39+
opacity: 0.4;
40+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
41+
filter: alpha(opacity=40);
42+
}
43+
/*Additional properties for button version
44+
iOS requires the button element instead of an anchor tag.
45+
If you want the anchor version, it requires `href="#"`.*/
46+
button.toast-close-button {
47+
padding: 0;
48+
cursor: pointer;
49+
background: transparent;
50+
border: 0;
51+
-webkit-appearance: none;
52+
}
53+
.toast-top-center {
54+
top: 0;
55+
right: 0;
56+
width: 100%;
57+
}
58+
.toast-bottom-center {
59+
bottom: 0;
60+
right: 0;
61+
width: 100%;
62+
}
63+
.toast-top-full-width {
64+
top: 0;
65+
right: 0;
66+
width: 100%;
67+
}
68+
.toast-bottom-full-width {
69+
bottom: 0;
70+
right: 0;
71+
width: 100%;
72+
}
73+
.toast-top-left {
74+
top: 12px;
75+
left: 12px;
76+
}
77+
.toast-top-right {
78+
top: 12px;
79+
right: 12px;
80+
}
81+
.toast-bottom-right {
82+
right: 12px;
83+
bottom: 12px;
84+
}
85+
.toast-bottom-left {
86+
bottom: 12px;
87+
left: 12px;
88+
}
89+
#toast-container {
90+
position: fixed;
91+
z-index: 999999;
92+
/*overrides*/
93+
94+
}
95+
#toast-container * {
96+
-moz-box-sizing: border-box;
97+
-webkit-box-sizing: border-box;
98+
box-sizing: border-box;
99+
}
100+
#toast-container > div {
101+
position: relative;
102+
overflow: hidden;
103+
margin: 0 0 6px;
104+
padding: 15px 15px 15px 50px;
105+
width: 300px;
106+
-moz-border-radius: 3px 3px 3px 3px;
107+
-webkit-border-radius: 3px 3px 3px 3px;
108+
border-radius: 3px 3px 3px 3px;
109+
background-position: 15px center;
110+
background-repeat: no-repeat;
111+
-moz-box-shadow: 0 0 12px #999999;
112+
-webkit-box-shadow: 0 0 12px #999999;
113+
box-shadow: 0 0 12px #999999;
114+
color: #ffffff;
115+
opacity: 0.8;
116+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
117+
filter: alpha(opacity=80);
118+
}
119+
#toast-container > :hover {
120+
-moz-box-shadow: 0 0 12px #000000;
121+
-webkit-box-shadow: 0 0 12px #000000;
122+
box-shadow: 0 0 12px #000000;
123+
opacity: 1;
124+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
125+
filter: alpha(opacity=100);
126+
cursor: pointer;
127+
}
128+
#toast-container > .toast-info {
129+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
130+
}
131+
#toast-container > .toast-error {
132+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
133+
}
134+
#toast-container > .toast-success {
135+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
136+
}
137+
#toast-container > .toast-warning {
138+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
139+
}
140+
#toast-container.toast-top-center > div,
141+
#toast-container.toast-bottom-center > div {
142+
width: 300px;
143+
margin: auto;
144+
}
145+
#toast-container.toast-top-full-width > div,
146+
#toast-container.toast-bottom-full-width > div {
147+
width: 96%;
148+
margin: auto;
149+
}
150+
.toast {
151+
background-color: #030303;
152+
}
153+
.toast-success {
154+
background-color: #51a351;
155+
}
156+
.toast-error {
157+
background-color: #bd362f;
158+
}
159+
.toast-info {
160+
background-color: #2f96b4;
161+
}
162+
.toast-warning {
163+
background-color: #f89406;
164+
}
165+
.toast-progress {
166+
position: absolute;
167+
left: 0;
168+
bottom: 0;
169+
height: 4px;
170+
background-color: #000000;
171+
opacity: 0.4;
172+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
173+
filter: alpha(opacity=40);
174+
}
175+
/*Responsive Design*/
176+
@media all and (max-width: 240px) {
177+
#toast-container > div {
178+
padding: 8px 8px 8px 50px;
179+
width: 11em;
180+
}
181+
#toast-container .toast-close-button {
182+
right: -0.2em;
183+
top: -0.2em;
184+
}
185+
}
186+
@media all and (min-width: 241px) and (max-width: 480px) {
187+
#toast-container > div {
188+
padding: 8px 8px 8px 50px;
189+
width: 18em;
190+
}
191+
#toast-container .toast-close-button {
192+
right: -0.2em;
193+
top: -0.2em;
194+
}
195+
}
196+
@media all and (min-width: 481px) and (max-width: 768px) {
197+
#toast-container > div {
198+
padding: 15px 15px 15px 50px;
199+
width: 25em;
200+
}
201+
}

‎gulpfile.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ gulp.task("prod", function () {
2121
.pipe(concatCss("./react-bootstrap-table.min.css"))
2222
.pipe(cssmin())
2323
.pipe(gulp.dest('./css'));
24-
gulp.src('./css/react-bootstrap-table-all.css')
24+
gulp.src(['./css/react-bootstrap-table-all.css', './css/toastr.css'])
2525
.pipe(concatCss("./react-bootstrap-table-all.min.css"))
2626
.pipe(cssmin())
2727
.pipe(gulp.dest('./css'));

0 commit comments

Comments
 (0)