Merge pull request #97 from luqin/css

change css, add react-bootstrap-table-all.css

css/react-bootstrap-table-all.css

@@ -0,0 +1,153 @@
+/*editor error animate*/
+/*@import "~toastr/build/toastr.min.css";*/
+@import "https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css";
+
+.react-bs-table{
+  margin-bottom: 37px;
+}
+.react-bs-table .table-header{
+  height: 42px;
+  border-top-width: 1px;
+  border-top-style: solid;
+  border-top-color: rgb(221, 221, 221);
+  border-bottom-width: 0px;
+  border-bottom-style: solid;
+  border-bottom-color: rgb(221, 221, 221);
+  border-right-width: 1px;
+  border-right-style: inset;
+  border-right-color: rgb(221, 221, 221);
+}
+
+.react-bs-table .table-header > table{
+  table-layout: fixed;
+  border-top-style: hidden;
+  border-right-style: hidden;
+}
+
+.react-bs-table .table-header > table > thead > tr{
+  border-bottom-style: hidden;
+}
+
+.react-bs-table .table-header > table > thead > tr > th .table-header-column{
+  line-height: 25px
+}
+
+.react-bs-table .table-header > table > thead > tr > .sort-column{
+  cursor: pointer;
+}
+
+.react-bs-table .table-container{
+  overflow-x: auto;
+  overflow-y: auto;
+  height: 100%;
+}
+
+.react-bs-table .table-container > table{
+  margin-top: -18px;
+  table-layout: fixed;
+  margin-bottom: 0px;
+}
+
+.react-bs-container .tool-bar{
+  margin-bottom: 5px
+}
+/*inline editor default style*/
+.react-bs-table .form-control.editor{
+  width:100%;
+  top:0;
+  left:0;
+  height: 100%;
+  position: absolute;
+}
+
+.react-bs-table  .textarea-save-btn{
+  position: absolute;
+  z-index: 100;
+  right: 0;
+  top: -21px;
+}
+/*error tip style*/
+.animated {
+  animation-fill-mode: both;
+}
+
+.animated.bounceIn,
+.animated.bounceOut{
+  animation-duration: .75s;
+}
+.animated.shake{
+  animation-duration:.3s;
+}
+@keyframes shake {
+  from, to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,  50%,  90% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  30%, 70%{
+    transform: translate3d(10px, 0, 0);
+  }
+}
+
+.shake {
+  animation-name: shake;
+}
+@keyframes bounceIn {
+  from, 20%, 40%, 60%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    transform: scale3d(.97, .97, .97);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  animation-name: bounceIn;
+}
+
+@keyframes bounceOut {
+  20% {
+    transform: scale3d(.9, .9, .9);
+  }
+
+  50%, 55% {
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+}
+
+.bounceOut {
+  animation-name: bounceOut;
+}

css/react-bootstrap-table.css

@@ -1,6 +1,5 @@
 /*editor error animate*/
-/*@import "../node_modules/toastr/build/toastr.min.css";*/
-@import "https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css";
+/*@import "~toastr/build/toastr.min.css";*/
 
 .react-bs-table{
   margin-bottom: 37px;

examples/js/advance/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import EditTypeTable from './edit-type-table';
 import DataInsertTypeTable from './insert-type-table';

examples/js/basic/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import BasicTable from './basic-table';
 import HoverStripedTable from './hover-striped-table';

examples/js/cell-edit/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import ClickToEditTable from './click-to-edit-table';
 import DbClickToEditTable from './dbclick-to-edit-table';

examples/js/column-format/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import HtmlColumnFormatTable from './html-column-format-table';
 import ReactColumnFormatTable from './react-column-format-table';

examples/js/column/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import ColumnAlignTable from './column-align-table';
 import ColumnWidthTable from './column-width-table';

examples/js/complex/demo.js

@@ -1,5 +1,4 @@
 require('./demo.css');
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import App from './app';
 

examples/js/components/App.js

@@ -2,6 +2,8 @@ import React from 'react';
 import {LinkContainer} from 'react-router-bootstrap';
 
 // import 'bootstrap/dist/css/bootstrap.css';
+import 'toastr/build/toastr.min.css';
+import '../../../css/react-bootstrap-table.css';
 // import 'jquery';
 // import 'bootstrap';
 import {

examples/js/manipulation/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import InsertRowTable from './insert-row-table';
 import DeleteRowTable from './delete-row-table';

examples/js/pagination/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import DefaultPaginationTable from './default-pagination-table';
 import CustomPaginationTable from './custom-pagination-table';

examples/js/selection/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import SingleSelectTable from './single-select-table';
 import MultiSelectTable from './multi-select-table';

examples/js/sort/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import SortTable from './sort-table';
 import DefaultSortTable from './default-sort-table';

examples/js/style/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 require('./style.css');
 import React from 'react';
 import TrClassStringTable from './tr-class-string-table';

examples/js/tableDataSet/demo.js

@@ -1,4 +1,3 @@
-require('../../../css/react-bootstrap-table.min.css');
 import React from 'react';
 import TableDataSetTable from './table-data-set';