TizenWinset: Popup button size patch

Popup button size patch ( button width has been changed )
N_SE-24572

Change-Id: If8e25afcaf11f175096f890c1baf3e776ba04a54

diff --git a/demos/tizen-winsets/widgets/popupwindow/popup.html b/demos/tizen-winsets/widgets/popupwindow/popup.html
index d7f8512..8bcdba6 100644 (file)
--- a/demos/tizen-winsets/widgets/popupwindow/popup.html
+++ b/demos/tizen-winsets/widgets/popupwindow/popup.html
@@ -39,7 +39,7 @@
                </ul>
 
                <!-- Social Magazine font popup -->
                </ul>
 
                <!-- Social Magazine font popup -->

-               <div id="center_social_style1" data-role="popup" class="center_liststyle_2btn">
+               <div id="center_social_style1" data-role="popup" class="center_title_2btn">

                        <div class="ui-popup-title">
                                <h1>Font Size</h1>
                        </div>
                        <div class="ui-popup-title">
                                <h1>Font Size</h1>
                        </div>


@@ -74,7 +74,7 @@
                                <h1>Create new category<h1>
                        </div>
                        <div class="ui-popup-text">
                                <h1>Create new category<h1>
                        </div>
                        <div class="ui-popup-text">

-                                               <input type="text" id="newCategoryPopupInput" name="newCategoryName" size="30" />
+                                               <input type="text" id="newCategoryPopupInput" name="newCategoryName" size="20" />

                        </div>
                                        <div class="ui-popup-button-bg">
                                                <a data-role="button" data-rel="back" data-inline="true">OK</a>
                        </div>
                                        <div class="ui-popup-button-bg">
                                                <a data-role="button" data-rel="back" data-inline="true">OK</a>


@@ -299,8 +299,8 @@
                                <h1>PopupTest<h1>
                        </div>
                        <div class="ui-popup-text">
                                <h1>PopupTest<h1>
                        </div>
                        <div class="ui-popup-text">

-                               <input type="text" size="30" />
-                               <input type="text" size="30" />
+                               <input type="text" size="20" />
+                               <input type="text" size="20" />

                        </div>
                        <div class="ui-popup-button-bg">
                                <a data-role="button" data-rel="back" data-inline="true">OK</a>
                        </div>
                        <div class="ui-popup-button-bg">
                                <a data-role="button" data-rel="back" data-inline="true">OK</a>

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.popup.less b/src/themes/tizen/common/jquery.mobile.tizen.popup.less
index a14f9f4..5b03a57 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.popup.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.popup.less
@@ -164,7 +164,7 @@
                        vertical-align: middle;
 
                        .ui-btn {
                        vertical-align: middle;
 
                        .ui-btn {

-                               width: 130*@unit_base;
+                               width: 110*@unit_base;

                                height: 37*@unit_base;
                                margin-top: 0*@unit_base;
                                margin-bottom: 0*@unit_base;
                                height: 37*@unit_base;
                                margin-top: 0*@unit_base;
                                margin-bottom: 0*@unit_base;


@@ -201,7 +201,7 @@
                        vertical-align: middle;
 
                        .ui-btn {
                        vertical-align: middle;
 
                        .ui-btn {

-                               width: 130*@unit_base;
+                               width: 110*@unit_base;

                                height: 37*@unit_base;
                                margin-top: 0*@unit_base;
                                margin-bottom: 0*@unit_base;
                                height: 37*@unit_base;
                                margin-top: 0*@unit_base;
                                margin-bottom: 0*@unit_base;


@@ -222,8 +222,26 @@
 
        .center_title_2btn {
                .ui-popup-button-bg {
 
        .center_title_2btn {
                .ui-popup-button-bg {

+                       padding-top: 11*@unit_base;
+                       padding-bottom: 11*@unit_base;
+                       vertical-align: middle;
+

                        .ui-btn {
                        .ui-btn {

-                               width: 130*@unit_base;
+                               width: 120*@unit_base;
+                               height: 37*@unit_base;
+                               margin-top: 0*@unit_base;
+                               margin-bottom: 0*@unit_base;
+                               margin-left: 5*@unit_base;
+                               margin-right: 5*@unit_base;
+
+                               display: inline-block;
+
+                               .ui-btn-inner {
+                                       padding-top: 5 * @unit_base;
+                                       padding-bottom: 5 * @unit_base;
+                                       padding-left : 20 * @unit_base;
+                                       padding-right : 20 * @unit_base;
+                               }

                        }
                }
        }
                        }
                }
        }