Datetimepicker: text-main max-width has been removed

[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.tizen.datetimepicker.less

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less b/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less
index df0e75c..0cc2167 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less
@@ -1,9 +1,27 @@
 @import "config.less";
 
+@-webkit-keyframes ui-datetime-in {
+       from {
+               -webkit-transform: translateY(14 * @unit_base) scale(.9);
+       } to {
+               -webkit-transform: translateY(0) scale(1);
+       }
+}
+
+@-webkit-keyframes ui-datetime-out {
+       from {
+               opacity: 0.8;
+               -webkit-transform: translateY(0) scale(.6);
+       } to {
+               opacity: 0;
+               -webkit-transform: translateY(-14 * @unit_base) scale(.6);
+       }
+}
+
 .ui-datefield {
        .ui-datefield-seperator {
                display: inline-block;
-               min-width: 30 * @unit_base;
+               min-width: 10 * @unit_base;
                text-align: center;
        }
 
@@ -12,7 +30,28 @@
        }
 
        .ui-datefield-tab {
-               min-width: 60 * @unit_base;
+               min-width: 20 * @unit_base;
+       }
+
+       .ui-btn-box-s .ui-btn-inner.ui-btn-hastxt {
+               padding: 0.1em 0.5em;
+       }
+
+       .ui-datefield-selected {
+               display: inline-block;
+               color: @color_timepicker_selector_color;
+       }
+       .ui-datefield-selected.in {
+               -ms-animation: ui-datetime-in 0.3s 1 ease;
+               -o-animation: ui-datetime-in 0.3s 1 ease;
+               -moz-animation: ui-datetime-in 0.3s 1 ease;
+               -webkit-animation: ui-datetime-in 0.3s 1 ease;
+       }
+       .ui-datefield-selected.out {
+               -ms-animation: ui-datetime-out 0.3s 1 ease;
+               -o-animation: ui-datetime-out 0.3s 1 ease;
+               -moz-animation: ui-datetime-out 0.3s 1 ease;
+               -webkit-animation: ui-datetime-out 0.3s 1 ease;
        }
 }
 
@@ -28,7 +67,6 @@
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
-       max-width: 90%;
        padding-top: 0.3em;
 }
 
@@ -36,7 +74,7 @@
        margin-top: -0.3em;
        height: 28 * @unit_base;
        right: auto;
-       position: relative;
+       position: relative ! important;
 }
 
 .ui-datetime-text-sub {
@@ -58,7 +96,7 @@
                        font-size: 22 * @unit_base;
                        float: left;
                        padding: 15 * @unit_base 4 * @unit_base 0 4 * @unit_base;
-                       max-width: 60 * @unit_base;
+                       max-width: 120 * @unit_base;
                        min-width: 60 * @unit_base;
 
                        a.ui-link {