Updates

1 files changed, 39 insertions, 49 deletions

diff --git a/examples/pick-time.css b/examples/pick-time.css
index cb10278..0731d07 100644
--- a/examples/pick-time.css
+++ b/examples/pick-time.css
@@ -1,44 +1,35 @@
 .rc-time-picker {
-  display: inline;
+  display: inline-block;
   box-sizing: border-box;
 }
 .rc-time-picker * {
   box-sizing: border-box;
 }
-@font-face {
-  font-family: 'anticon';
-  src: url('//at.alicdn.com/t/font_1434092639_4910953.eot');
-  /* IE9*/
-  src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg');
-  /* iOS 4.1- */
+.rc-time-picker-input {
+  width: 100%;
+  position: relative;
+  display: inline-block;
+  padding: 4px 7px;
+  height: 28px;
+  cursor: text;
+  font-size: 12px;
+  line-height: 1.5;
+  color: #666;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  -webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+          transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 .rc-time-picker-panel {
   z-index: 1070;
+  width: 170px;
   position: absolute;
+  box-sizing: border-box;
 }
-.rc-time-picker-panel.slide-up-enter.slide-up-enter-active.rc-time-picker-panel-placement-topLeft,
-.rc-time-picker-panel.slide-up-enter.slide-up-enter-active.rc-time-picker-panel-placement-topRight,
-.rc-time-picker-panel.slide-up-appear.slide-up-appear-active.rc-time-picker-panel-placement-topLeft,
-.rc-time-picker-panel.slide-up-appear.slide-up-appear-active.rc-time-picker-panel-placement-topRight {
-  -webkit-animation-name: antSlideDownIn;
-          animation-name: antSlideDownIn;
-}
-.rc-time-picker-panel.slide-up-enter.slide-up-enter-active.rc-time-picker-panel-placement-bottomLeft,
-.rc-time-picker-panel.slide-up-enter.slide-up-enter-active.rc-time-picker-panel-placement-bottomRight,
-.rc-time-picker-panel.slide-up-appear.slide-up-appear-active.rc-time-picker-panel-placement-bottomLeft,
-.rc-time-picker-panel.slide-up-appear.slide-up-appear-active.rc-time-picker-panel-placement-bottomRight {
-  -webkit-animation-name: antSlideUpIn;
-          animation-name: antSlideUpIn;
-}
-.rc-time-picker-panel.slide-up-leave.slide-up-leave-active.rc-time-picker-panel-placement-topLeft,
-.rc-time-picker-panel.slide-up-leave.slide-up-leave-active.rc-time-picker-panel-placement-topRight {
-  -webkit-animation-name: antSlideDownOut;
-          animation-name: antSlideDownOut;
-}
-.rc-time-picker-panel.slide-up-leave.slide-up-leave-active.rc-time-picker-panel-placement-bottomLeft,
-.rc-time-picker-panel.slide-up-leave.slide-up-leave-active.rc-time-picker-panel-placement-bottomRight {
-  -webkit-animation-name: antSlideUpOut;
-          animation-name: antSlideUpOut;
+.rc-time-picker-panel * {
+  box-sizing: border-box;
 }
 .rc-time-picker-panel-inner {
   display: inline-block;
@@ -54,26 +45,25 @@
   border: 1px solid #ccc;
   line-height: 1.5;
 }
-.rc-time-picker-input {
+.rc-time-picker-panel-input {
   margin: 0;
   padding: 0;
-  border: 0;
   width: 100%;
   cursor: auto;
   line-height: 1.5;
   outline: 0;
   border: 1px solid transparent;
 }
-.rc-time-picker-input-wrap {
+.rc-time-picker-panel-input-wrap {
   box-sizing: border-box;
   position: relative;
   padding: 6px;
   border-bottom: 1px solid #e9e9e9;
 }
-.rc-time-picker-input-invalid {
+.rc-time-picker-panel-input-invalid {
   border-color: red;
 }
-.rc-time-picker-clear-btn {
+.rc-time-picker-panel-clear-btn {
   position: absolute;
   right: 6px;
   cursor: pointer;
@@ -85,7 +75,7 @@
   top: 6px;
   margin: 0;
 }
-.rc-time-picker-clear-btn:after {
+.rc-time-picker-panel-clear-btn:after {
   content: "x";
   font-size: 12px;
   color: #aaa;
@@ -95,30 +85,30 @@
   -webkit-transition: color 0.3s ease;
           transition: color 0.3s ease;
 }
-.rc-time-picker-clear-btn:hover:after {
+.rc-time-picker-panel-clear-btn:hover:after {
   color: #666;
 }
-.narrow .rc-time-picker-input-wrap {
-  max-width: 111px;
-}
-.rc-time-picker-select {
+.rc-time-picker-panel-select {
   float: left;
-  overflow-y: auto;
   font-size: 12px;
   border: 1px solid #e9e9e9;
   border-width: 0 1px;
   margin-left: -1px;
   box-sizing: border-box;
   width: 56px;
+  overflow: hidden;
 }
-.rc-time-picker-select:first-child {
+.rc-time-picker-panel-select:hover {
+  overflow-y: auto;
+}
+.rc-time-picker-panel-select:first-child {
   border-left: 0;
   margin-left: 0;
 }
-.rc-time-picker-select:last-child {
+.rc-time-picker-panel-select:last-child {
   border-right: 0;
 }
-.rc-time-picker-select ul {
+.rc-time-picker-panel-select ul {
   list-style: none;
   box-sizing: border-box;
   margin: 0;
@@ -126,7 +116,7 @@
   width: 100%;
   max-height: 144px;
 }
-.rc-time-picker-select li {
+.rc-time-picker-panel-select li {
   list-style: none;
   box-sizing: border-box;
   margin: 0;
@@ -141,12 +131,12 @@
       -ms-user-select: none;
           user-select: none;
 }
-.rc-time-picker-select li.selected {
+.rc-time-picker-panel-select li:hover {
   background: #edfaff;
-  color: #2db7f5;
 }
-.rc-time-picker-select li:hover {
+.rc-time-picker-panel-select-option-selected {
   background: #edfaff;
+  color: #2db7f5;
 }
 
 /*# sourceMappingURL=pick-time.css.map*/
\ No newline at end of file