Contextpopup: Support horizontal list

Support horizontal list in context popup

Change-Id: I7fd12eb8aaa9dca7b6ba1216ba943a24923c6e01

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less b/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less
index f789cb5..9aecb9a 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less
@@ -86,7 +86,6 @@
 
     .horizontal {
                color: @color_ctxpopup_text;
-               max-width: 648 * @unit_base;
                .icon .ui-btn {
                        padding: 0;
                        background: transparent ! important;
@@ -126,13 +125,12 @@
         }
 
         li {
-                       line-height: 64 * @unit_base;
-                       min-height: 64 * @unit_base;
-                       min-width: 96 * @unit_base;
+                       line-height: 32 * @unit_base;
+                       min-height: 32 * @unit_base;
+                       min-width: 48 * @unit_base;
 
             float: left;
             display: inline-block;
-            border-left: 1px solid @color_ctxpopup_border_left;
             border-right: 1px solid @color_ctxpopup_border_right;
             text-align: center;
         }
@@ -140,7 +138,7 @@
                li:first-of-type {
                        border-top-left-radius: @border_radius;
                        border-bottom-left-radius: @border_radius;
-
+                       border-top-right-radius: 0px ! important;
             border-left: none;
         }
             
@@ -148,10 +146,17 @@
                        border-top-right-radius: @border_radius;
                        border-bottom-right-radius: @border_radius;
 
+
             border-right: none;
             margin-right: 0;
         }
 
+               .ui-li {
+                       &:first-child, &:last-child {
+                               border-left-width: 0px;
+                       }
+               }
+
                li:active, td:active {
                        background: @color_ctxbutton_press;
                }

diff --git a/src/themes/tizen/tizen-white/style.less b/src/themes/tizen/tizen-white/style.less
index f25999b..520d905 100644 (file)
--- a/src/themes/tizen/tizen-white/style.less
+++ b/src/themes/tizen/tizen-white/style.less
@@ -181,8 +181,8 @@
 ***************************************************************************/
 @color_ctxpopup_text:                   rgb(255, 255, 255);
 @color_ctxpopup_background:             rgb(68, 68, 68);
-@color_ctxpopup_border_left:            rgb(91, 91, 91);
-@color_ctxpopup_border_right:           rgb(45, 45, 45);
+@color_ctxpopup_border_left:            rgb(45, 45, 45);
+@color_ctxpopup_border_right:           rgb(91, 91, 91);
 @color_ctxpopup_border_top:             rgb(91, 91, 91);
 @color_ctxpopup_border_bottom:          rgb(45, 45, 45);