[ctxpopup] adjusted Winset dark GUI v0.4

1. added pressed image
2. either border or separator meets bg image
3. changed values

Change-Id: I41bd8e412d245c0d25710b2bd5895faa2d3cac1a

Conflicts:

	themes/widgets/ctxpopup.edc

diff --git a/themes/images/HD/dark/Popup/00_more_popup_press.png b/themes/images/HD/dark/Popup/00_more_popup_press.png
old mode 100644 (file)
new mode 100755 (executable)
index d29cb70..7e04577
Binary files a/themes/images/HD/dark/Popup/00_more_popup_press.png and b/themes/images/HD/dark/Popup/00_more_popup_press.png differ

diff --git a/themes/inc/tizen-dark-inc.edc b/themes/inc/tizen-dark-inc.edc
index ef15ef3..86e6c3c 100755 (executable)
--- a/themes/inc/tizen-dark-inc.edc
+++ b/themes/inc/tizen-dark-inc.edc
@@ -94,7 +94,9 @@
 #define CTXPOPUP_SHADOW_TOP_PADDING 14
 #define CTXPOPUP_SHADOW_BOTTOM_PADDING 14
 #define CTXPOPUP_CONTENT_PADDING_WIDTH 1
-#define CTXPOPUP_CONTENT_PADDING_HEIGHT 8
+#define CTXPOPUP_CONTENT_PADDING_HEIGHT 1
+#define CTXPOPUP_PRESS_PADDING 4
+#define CTXPOPUP_PRESS_PADDING2 3
 #define CTXPOPUP_ARROW_PADDING 1
 #define CTXPOPUP_SCROLLER_PADDING 8
 #define CTXPOPUP_SCROLLER_V_MIN_SIZE_INC 9 18
@@ -110,10 +112,10 @@
 #define CTXPOPUP_SEPARATOR_PADDING_INC 20
 #define CTXPOPUP_SEPARATOR_COLOR_INC 29 38 60 255
 #define CTXPOPUP_SEPARATOR2_COLOR_INC 98 102 117 255
-#define CTXPOPUP_HORIZONTAL_SEPARATOR_1_COLOR_INC 45 45 45 255
-#define CTXPOPUP_HORIZONTAL_SEPARATOR_2_COLOR_INC 91 91 91 255
-#define CTXPOPUP_HORIZONTAL_SEPARATOR_MIN_SIZE_INC 1 74
-#define CTXPOPUP_HORIZONTAL_SEPARATOR_MAX_SIZE_INC 1 74
+#define CTXPOPUP_HORIZONTAL_SEPARATOR_1_COLOR_INC 29 38 60 255
+#define CTXPOPUP_HORIZONTAL_SEPARATOR_2_COLOR_INC 98 102 117 255
+#define CTXPOPUP_HORIZONTAL_SEPARATOR_MIN_SIZE_INC 1 96
+#define CTXPOPUP_HORIZONTAL_SEPARATOR_MAX_SIZE_INC 1 96
 #define CTXPOPUP_ITEM_DISABLED_COLOR 0 0 0 0
 #define CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC 40
 #define CTXPOPUP_LIST_MAIN_TEXT_MAX_SIZE_INC (CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC * 2)
@@ -135,6 +137,7 @@
 #define CTXPOPUP_TP_HEIGHT_INC 102
 #define CTXPOPUP_MORE_WIDTH_MIN_INC 502
 #define CTXPOPUP_MORE_WIDTH_MAX_INC 720
+#define CTXPOPUP_MORE_WIDTH_LANDSCAPE_MAX_INC 1280
 #define CTXPOPUP_MORE_ITEM_PADDING_INC 16
 #define CTXPOPUP_MORE_ITEM_HEIGHT_MIN_INC 110
 #define CTXPOPUP_MORE_ITEM_HEIGHT_MAX_INC 130
@@ -143,7 +146,7 @@
 #define CTXPOPUP_MORE_ITEM_TEXT_SIZE_INC 40
 #define CTXPOPUP_MORE_SEPARATOR_PADDING_INC 20
 #define CTXPOPUP_MOVE_PAD_INC 40
-#define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC 336
+#define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC 334
 #define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MAX_INC 720
 #define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MIN_INC 90
 #define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC 130

diff --git a/themes/inc/tizen-light-inc.edc b/themes/inc/tizen-light-inc.edc
index 9376611..65c8cfb 100755 (executable)
--- a/themes/inc/tizen-light-inc.edc
+++ b/themes/inc/tizen-light-inc.edc
@@ -121,7 +121,9 @@
 #define CTXPOPUP_SHADOW_TOP_PADDING 14
 #define CTXPOPUP_SHADOW_BOTTOM_PADDING 14
 #define CTXPOPUP_CONTENT_PADDING_WIDTH 1
-#define CTXPOPUP_CONTENT_PADDING_HEIGHT 8
+#define CTXPOPUP_CONTENT_PADDING_HEIGHT 1
+#define CTXPOPUP_PRESS_PADDING 4
+#define CTXPOPUP_PRESS_PADDING2 3
 #define CTXPOPUP_ARROW_PADDING 1
 #define CTXPOPUP_SCROLLER_PADDING 8
 #define CTXPOPUP_SCROLLER_V_MIN_SIZE_INC 9 18
@@ -139,8 +141,8 @@
 #define CTXPOPUP_SEPARATOR2_COLOR_INC 98 102 117 255
 #define CTXPOPUP_HORIZONTAL_SEPARATOR_1_COLOR_INC 29 38 60 255
 #define CTXPOPUP_HORIZONTAL_SEPARATOR_2_COLOR_INC 98 102 117 255
-#define CTXPOPUP_HORIZONTAL_SEPARATOR_MIN_SIZE_INC 1 74
-#define CTXPOPUP_HORIZONTAL_SEPARATOR_MAX_SIZE_INC 1 74
+#define CTXPOPUP_HORIZONTAL_SEPARATOR_MIN_SIZE_INC 1 96
+#define CTXPOPUP_HORIZONTAL_SEPARATOR_MAX_SIZE_INC 1 96
 #define CTXPOPUP_ITEM_DISABLED_COLOR 0 0 0 0
 #define CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC 40
 #define CTXPOPUP_LIST_MAIN_TEXT_MAX_SIZE_INC (CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC * 2)
@@ -162,6 +164,7 @@
 #define CTXPOPUP_TP_HEIGHT_INC 102
 #define CTXPOPUP_MORE_WIDTH_MIN_INC 502
 #define CTXPOPUP_MORE_WIDTH_MAX_INC 720
+#define CTXPOPUP_MORE_WIDTH_LANDSCAPE_MAX_INC 1280
 #define CTXPOPUP_MORE_ITEM_PADDING_INC 16
 #define CTXPOPUP_MORE_ITEM_HEIGHT_MIN_INC 110
 #define CTXPOPUP_MORE_ITEM_HEIGHT_MAX_INC 130
@@ -170,7 +173,7 @@
 #define CTXPOPUP_MORE_ITEM_TEXT_SIZE_INC 40
 #define CTXPOPUP_MORE_SEPARATOR_PADDING_INC 20
 #define CTXPOPUP_MOVE_PAD_INC 40
-#define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC 336
+#define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC 334
 #define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MAX_INC 720
 #define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MIN_INC 90
 #define CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC 130

diff --git a/themes/widgets/ctxpopup.edc b/themes/widgets/ctxpopup.edc
index 6e32e3e..d37e568 100644 (file)
--- a/themes/widgets/ctxpopup.edc
+++ b/themes/widgets/ctxpopup.edc
@@ -1022,7 +1022,7 @@ group {
 group {
    name: "elm/ctxpopup/layout/landscape/more/default";
    inherit: "elm/ctxpopup/layout/landscape/default";
-   max: CTXPOPUP_MORE_WIDTH_MAX_INC ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*5)+CTXPOPUP_SHADOW_TOP_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*8));
+   max: CTXPOPUP_MORE_WIDTH_LANDSCAPE_MAX_INC ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*5)+CTXPOPUP_SHADOW_TOP_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*8));
 }
 ///////////////////////////////////////////////////////////////////////////////
 group {
@@ -1754,7 +1754,7 @@ group {
             fixed: 1 1;
             min: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
             max: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
-            rel1 {relative: 0 0; to: "content_left_top_padding";}
+            rel1 {relative: 1 1; to: "frame_shadow_left_top_padding";}
          }
       }
       part {
@@ -1768,7 +1768,7 @@ group {
             fixed: 1 1;
             min: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
             max: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
-            rel2 {relative: 1 1; to: "content_right_bottom_padding";}
+            rel2 {relative: 0 0; to: "frame_shadow_right_bottom_padding";}
          }
       }
       part {
@@ -1952,6 +1952,10 @@ group {
 group {
    name: "elm/ctxpopup/text_style_item/default";
 
+   images {
+      image: "00_more_popup_press.png" COMP;
+   }
+
    data.item: "item_max_size" CTXPOPUP_TEXT_MAX_INC;
 
    parts {
@@ -1967,7 +1971,7 @@ group {
       part {
          name: "bg";
          mouse_events: 0;
-         type: RECT;
+         type: IMAGE;
          scale: 1;
          description {
             state: "default" 0.0;
@@ -1977,16 +1981,67 @@ group {
          }
          description {
             state: "clicked" 0.0;
-            inherit: "default" 0.0;
-            color: CTXPOPUP_BG_PRESS_COLOR_INC;
+            rel1 {to_x: "bg_press_left_padding"; to_y: "bg_press_top_padding"; relative: 1.0 1.0;}
+            rel2 {to_x: "bg_press_right_padding"; to_y: "bg_press_bottom_padding"; relative: 0.0 0.0;}
             visible: 1;
+            image {
+               normal: "00_more_popup_press.png";
+               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
+               border_scale: 1;
+            }
          }
+      }
+      part {
+         name: "bg_press_left_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
          description {
-            state: "clicked_separator" 0.0;
-            inherit: "default" 0.0;
-            visible: 1;
-            rel1 { relative: 0.0 1.0; to_y: "separator2"; }
-            color: CTXPOPUP_BG_PRESS_COLOR_INC;
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            align: 0 0.5;
+         }
+      }
+      part {
+         name: "bg_press_right_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            align: 1 0.5;
+         }
+      }
+      part {
+         name: "bg_press_top_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: (CTXPOPUP_WIDTH_MIN_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            max: (CTXPOPUP_WIDTH_MAX_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            rel1 {to: "separator2"; relative: 0.0 1.0;}
+            align: 0.5 0;
+         }
+      }
+      part {
+         name: "bg_press_bottom_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: (CTXPOPUP_WIDTH_MIN_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            max: (CTXPOPUP_WIDTH_MAX_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            align: 0.5 1;
          }
       }
       part {
@@ -2219,14 +2274,7 @@ group {
          source: "over2";
          script {
             set_state(PART:"elm.text", "clicked", 0.0);
-
-            new st[31];
-            new Float:vl;
-            get_state(PART:"separator2", st, 30, vl);
-            if (!strcmp(st, "default"))
-              set_state(PART:"bg", "clicked", 0.0);
-            else
-              set_state(PART:"bg", "clicked_separator", 0.0);
+            set_state(PART:"bg", "clicked", 0.0);
          }
       }
       program {
@@ -2285,21 +2333,66 @@ group {
          description {
             state: "clicked" 0.0;
             visible: 1;
+            rel1 {to_x: "bg_press_left_padding"; to_y: "bg_press_top_padding"; relative: 1.0 1.0;}
+            rel2 {to_x: "bg_press_right_padding"; to_y: "bg_press_bottom_padding"; relative: 0.0 0.0;}
             image {
                normal: "00_more_popup_press.png";
                border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
                border_scale: 1;
             }
          }
+      }
+      part {
+         name: "bg_press_left_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
          description {
-            state: "clicked_separator" 0.0;
-            rel1 { relative: 1.0 0.0; to_x: "separator2"; }
-            visible: 1;
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING2 (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: CTXPOPUP_PRESS_PADDING2 (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            rel1 {to: "separator2"; relative: 1.0 0.0;}
+            align: 0 0.5;
+         }
+      }
+      part {
+         name: "bg_press_right_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING2 (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: CTXPOPUP_PRESS_PADDING2 (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            align: 1 0.5;
+         }
+      }
+      part {
+         name: "bg_press_top_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC CTXPOPUP_PRESS_PADDING;
+            max: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC CTXPOPUP_PRESS_PADDING;
+            align: 0.5 0;
+         }
+      }
+      part {
+         name: "bg_press_bottom_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC CTXPOPUP_PRESS_PADDING;
+            max: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC CTXPOPUP_PRESS_PADDING;
+            align: 0.5 1;
          }
       }
       part {
@@ -2497,14 +2590,7 @@ group {
          source: "over2";
          script {
             set_state(PART:"elm.text", "clicked", 0.0);
-
-            new st[31];
-            new Float:vl;
-            get_state(PART:"separator2", st, 30, vl);
-            if (!strcmp(st, "default"))
-              set_state(PART:"bg", "clicked", 0.0);
-            else
-              set_state(PART:"bg", "clicked_separator", 0.0);
+            set_state(PART:"bg", "clicked", 0.0);
          }
       }
       program {
@@ -2564,21 +2650,66 @@ group {
          description {
             state: "clicked" 0.0;
             visible: 1;
+            rel1 {to_x: "bg_press_left_padding"; to_y: "bg_press_top_padding"; relative: 1.0 1.0;}
+            rel2 {to_x: "bg_press_right_padding"; to_y: "bg_press_bottom_padding"; relative: 0.0 0.0;}
             image {
                normal: "00_more_popup_press.png";
                border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
                border_scale: 1;
             }
          }
+      }
+      part {
+         name: "bg_press_left_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
          description {
-            state: "clicked_separator" 0.0;
-            rel1 { relative: 1.0 0.0; to_x: "separator2"; }
-            visible: 1;
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING2 (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: CTXPOPUP_PRESS_PADDING2 (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            rel1 {to: "separator2"; relative: 1.0 0.0;}
+            align: 0 0.5;
+         }
+      }
+      part {
+         name: "bg_press_right_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING2 (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: CTXPOPUP_PRESS_PADDING2 (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            align: 1 0.5;
+         }
+      }
+      part {
+         name: "bg_press_top_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC CTXPOPUP_PRESS_PADDING;
+            max: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC CTXPOPUP_PRESS_PADDING;
+            align: 0.5 0;
+         }
+      }
+      part {
+         name: "bg_press_bottom_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC CTXPOPUP_PRESS_PADDING;
+            max: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC CTXPOPUP_PRESS_PADDING;
+            align: 0.5 1;
          }
       }
       part {
@@ -2764,13 +2895,7 @@ group {
          signal: "mouse,down,1";
          source: "over2";
          script {
-            new st[31];
-            new Float:vl;
-            get_state(PART:"separator2", st, 30, vl);
-            if (!strcmp(st, "default"))
-              set_state(PART:"bg", "clicked", 0.0);
-            else
-              set_state(PART:"bg", "clicked_separator", 0.0);
+            set_state(PART:"bg", "clicked", 0.0);
          }
       }
       program {
@@ -2802,6 +2927,10 @@ group {
 group {
    name: "elm/ctxpopup/icon_text_style_item/default";
 
+   images {
+      image: "00_more_popup_press.png" COMP;
+   }
+
    data.item: "item_max_size" CTXPOPUP_ICON_TEXT_MAX_INC;
 
    parts {
@@ -2817,7 +2946,7 @@ group {
       part {
          name: "bg";
          mouse_events: 0;
-         type: RECT;
+         type: IMAGE;
          description {
             state: "default" 0.0;
             visible: 0;
@@ -2826,14 +2955,67 @@ group {
          }
          description {
             state: "clicked" 0.0;
-            color: CTXPOPUP_BG_PRESS_COLOR_INC;
+            rel1 {to_x: "bg_press_left_padding"; to_y: "bg_press_top_padding"; relative: 1.0 1.0;}
+            rel2 {to_x: "bg_press_right_padding"; to_y: "bg_press_bottom_padding"; relative: 0.0 0.0;}
             visible: 1;
+            image {
+               normal: "00_more_popup_press.png";
+               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
+               border_scale: 1;
+            }
          }
+      }
+      part {
+         name: "bg_press_left_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
          description {
-            state: "clicked_separator" 0.0;
-            rel1 { relative: 0.0 1.0; to_y: "separator2"; }
-            color: CTXPOPUP_BG_PRESS_COLOR_INC;
-            visible: 1;
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            align: 0 0.5;
+         }
+      }
+      part {
+         name: "bg_press_right_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            align: 1 0.5;
+         }
+      }
+      part {
+         name: "bg_press_top_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: (CTXPOPUP_WIDTH_MIN_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            max: (CTXPOPUP_WIDTH_MAX_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            rel1 {to: "separator2"; relative: 0.0 1.0;}
+            align: 0.5 0;
+         }
+      }
+      part {
+         name: "bg_press_bottom_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: (CTXPOPUP_WIDTH_MIN_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            max: (CTXPOPUP_WIDTH_MAX_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            align: 0.5 1;
          }
       }
       part {
@@ -3109,14 +3291,7 @@ group {
          source: "over2";
          script {
             set_state(PART:"elm.text", "clicked", 0.0);
-
-            new st[31];
-            new Float:vl;
-            get_state(PART:"separator2", st, 30, vl);
-            if (!strcmp(st, "default"))
-              set_state(PART:"bg", "clicked", 0.0);
-            else
-              set_state(PART:"bg", "clicked_separator", 0.0);
+            set_state(PART:"bg", "clicked", 0.0);
          }
       }
       program {
@@ -3255,6 +3430,10 @@ group {
 group {
    name: "elm/ctxpopup/icon_text_style_item/more/default";
 
+   images {
+      image: "00_more_popup_press.png" COMP;
+   }
+
    data.item: "item_max_size" CTXPOPUP_MORE_TEXT_MAX_INC;
 
    parts {
@@ -3270,7 +3449,7 @@ group {
       part {
          name: "bg";
          mouse_events: 0;
-         type: RECT;
+         type: IMAGE;
          scale: 1;
          description {
             state: "default" 0.0;
@@ -3280,14 +3459,67 @@ group {
          }
          description {
             state: "clicked" 0.0;
-            color: CTXPOPUP_BG_PRESS_COLOR_INC;
+            rel1 {to_x: "bg_press_left_padding"; to_y: "bg_press_top_padding"; relative: 1.0 1.0;}
+            rel2 {to_x: "bg_press_right_padding"; to_y: "bg_press_bottom_padding"; relative: 0.0 0.0;}
             visible: 1;
+            image {
+               normal: "00_more_popup_press.png";
+               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
+               border_scale: 1;
+            }
          }
+      }
+      part {
+         name: "bg_press_left_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
          description {
-            state: "clicked_separator" 0.0;
-            rel1 { relative: 0.0 1.0; to_y: "separator2"; }
-            color: CTXPOPUP_BG_PRESS_COLOR_INC;
-            visible: 1;
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            align: 0 0.5;
+         }
+      }
+      part {
+         name: "bg_press_right_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: CTXPOPUP_PRESS_PADDING CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            align: 1 0.5;
+         }
+      }
+      part {
+         name: "bg_press_top_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: (CTXPOPUP_WIDTH_MIN_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            max: (CTXPOPUP_WIDTH_MAX_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            rel1 {to: "separator2"; relative: 0.0 1.0;}
+            align: 0.5 0;
+         }
+      }
+      part {
+         name: "bg_press_bottom_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: (CTXPOPUP_WIDTH_MIN_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            max: (CTXPOPUP_WIDTH_MAX_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            align: 0.5 1;
          }
       }
       part {
@@ -3565,14 +3797,7 @@ group {
          source: "over2";
          script {
             set_state(PART:"elm.text", "clicked", 0.0);
-
-            new st[31];
-            new Float:vl;
-            get_state(PART:"separator2", st, 30, vl);
-            if (!strcmp(st, "default"))
-              set_state(PART:"bg", "clicked", 0.0);
-            else
-              set_state(PART:"bg", "clicked_separator", 0.0);
+            set_state(PART:"bg", "clicked", 0.0);
          }
       }
       program {
@@ -4019,21 +4244,66 @@ group {
          description {
             state: "clicked" 0.0;
             visible: 1;
+            rel1 {to_x: "bg_press_left_padding"; to_y: "bg_press_top_padding"; relative: 1.0 1.0;}
+            rel2 {to_x: "bg_press_right_padding"; to_y: "bg_press_bottom_padding"; relative: 0.0 0.0;}
             image {
                normal: "00_more_popup_press.png";
                border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
                border_scale: 1;
             }
          }
+      }
+      part {
+         name: "bg_press_left_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
          description {
-            state: "clicked_separator" 0.0;
-            rel1 { relative: 0.0 1.0; to_y: "separator2"; }
-            visible: 1;
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MIN_INC;
+            max: CTXPOPUP_PRESS_PADDING CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC;
+            align: 0 0.5;
+         }
+      }
+      part {
+         name: "bg_press_right_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: CTXPOPUP_PRESS_PADDING CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MIN_INC;
+            max: CTXPOPUP_PRESS_PADDING CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC;
+            align: 1 0.5;
+         }
+      }
+      part {
+         name: "bg_press_top_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: (CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            max: (CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            rel1 {to: "separator2"; relative: 0.0 1.0;}
+            align: 0.5 0;
+         }
+      }
+      part {
+         name: "bg_press_bottom_padding";
+         mouse_events: 0;
+         type: RECT;
+         scale: 1;
+         description {
+            state: "default" 0.0;
+            visible: 0;
+            min: (CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            max: (CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_PRESS_PADDING2;
+            align: 0.5 1;
          }
       }
       part {
@@ -4044,8 +4314,8 @@ group {
          description {
             state: "default" 0.0;
             color: CTXPOPUP_SEPARATOR_COLOR_INC;
-            rel1 { relative: 1.0 0.0; to_x: "left_padding";}
-            rel2 { relative: 0.0 1.0; to_x: "right_padding"; offset: 0 0;}
+            rel1 { relative: 0.0 0.0; }
+            rel2 { relative: 1.0 1.0; }
             align: 0.5 0;
             min: 0 CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC;
             max: 999999 CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC;
@@ -4266,14 +4536,7 @@ group {
          source: "over2";
          script {
             set_state(PART:"elm.text", "clicked", 0.0);
-
-            new st[31];
-            new Float:vl;
-            get_state(PART:"separator2", st, 30, vl);
-            if (!strcmp(st, "default"))
-              set_state(PART:"bg", "clicked", 0.0);
-            else
-              set_state(PART:"bg", "clicked_separator", 0.0);
+            set_state(PART:"bg", "clicked", 0.0);
          }
       }
       program {