sync with private git

[apps/core/preloaded/quickpanel.git] / data / quickpanel_notibox.edc

diff --git a/data/quickpanel_notibox.edc b/data/quickpanel_notibox.edc
index 7044893..d498fd4 100755 (executable)
--- a/data/quickpanel_notibox.edc
+++ b/data/quickpanel_notibox.edc
@@ -1,14 +1,15 @@
 #define BOX_COLOR_BG 28 29 30 255
 #define BOX_WIDTH_P 340
-#define BOX_HEIGHT_P 400
-#define BOX_WIDTH_L 409
-#define BOX_HEIGHT_L 400
+#define BOX_HEIGHT_P 322
+#define BOX_WIDTH_L 406
+#define BOX_HEIGHT_L 322
 
-#define BOX_MARGIN_TEXT_H 14
-#define BOX_TEXT_CONTENTS_HEIGHT 40
-#define BOX_TEXT_INFO_HEIGHT 36
-#define BOX_TEXT_SUB_WIDTH 120
-#define BOX_TEXT_SUB_PADDING_WIDTH 10
+#define BOX_MARGIN_L_TEXT_H 14
+#define BOX_MARGIN_R_TEXT_H 11
+#define BOX_TEXT_CONTENTS_HEIGHT 36
+#define BOX_TEXT_INFO_HEIGHT 35
+#define BOX_TEXT_SUB_WIDTH 90
+#define BOX_TEXT_SUB_PADDING_WIDTH 12
 
 //#define DEBUG
 //#define DEBUG_TEXT
@@ -46,6 +47,7 @@ images {
        image: "quick_image_dimmed_port.png" COMP;
        image: "quick_image_dimmed_land.png" COMP;
        image: "quick_icon_bg_small.png" COMP;
+       image: "icon_press.png" COMP;
 }
 
 #define BOX_FONT_SHADOW_COLOR 0 0 0 191
@@ -61,12 +63,16 @@ images {
 #define BOX_INFO_FONT_SIZE 28
 #define BOX_INFO_FONT_COLOR 248 246 239 127
 
+#define BOX_INFO_SHORT_FONT "Tizen:style=Medium"
+#define BOX_INFO_SHORT_FONT_SIZE 28
+#define BOX_INFO_SHORT_FONT_COLOR 248 246 239 127
+
 #define BOX_INFO_SUB_FONT "Tizen:style=Regular"
-#define BOX_INFO_SUB_FONT_SIZE 28
+#define BOX_INFO_SUB_FONT_SIZE 20
 #define BOX_INFO_SUB_FONT_COLOR 248 246 239 127
 
 #define BOX_INFO_COUNT_FONT "Tizen:style=Medium"
-#define BOX_INFO_COUNT_FONT_SIZE 58
+#define BOX_INFO_COUNT_FONT_SIZE 46
 #define BOX_INFO_COUNT_FONT_COLOR 248 246 239 255
 
 #define TEXT_CLASS_TIZEN "tizen"
@@ -75,12 +81,12 @@ images {
 styles {
        style {
                name: "notibox_title";
-               base: "font=Tizen:style=Regular text_class=tizen font_size=40 color=#F8F6EF ellipsis=1.0 wrap=mixed";
+               base: "font=Tizen:style=Regular text_class=tizen font_size=38 color=#F8F6EF ellipsis=1.0 wrap=mixed";
        }
 
        style {
                name: "notibox_title_effect";
-               base: "font=Tizen:style=Regular text_class=tizen font_size=40 color=#F8F6EF ellipsis=1.0 wrap=mixed style=outline_shadow outline_color=#000000BF shadow_color=#000000BF";
+               base: "font=Tizen:style=Regular text_class=tizen font_size=38 color=#F8F6EF ellipsis=1.0 wrap=mixed style=outline_shadow outline_color=#000000BF shadow_color=#000000BF";
        }
 
        style {
@@ -102,17 +108,37 @@ styles {
                name: "notibox_info_effect";
                base: "font=Tizen:style=Regular text_class=tizen font_size=28 color=#F8F6EF7F ellipsis=1.0 linegap=-6 wrap=mixed style=outline_shadow outline_color=#000000BF shadow_color=#000000BF";
        }
+
+       style {
+               name: "notibox_info_short";
+               base: "font=Tizen:style=Regular text_class=tizen font_size=28 color=#F8F6EF7F ellipsis=1.0 linegap=-6 wrap=mixed";
+       }
+
+       style {
+               name: "notibox_info_short_effect";
+               base: "font=Tizen:style=Regular text_class=tizen font_size=28 color=#F8F6EF7F ellipsis=1.0 linegap=-6 wrap=mixed style=outline_shadow outline_color=#000000BF shadow_color=#000000BF";
+       }
+
+       style {
+               name: "notibox_info_sub";
+               base: "font=Tizen:style=Regular text_class=tizen font_size=20 color=#F8F6EF7F ellipsis=1.0 linegap=-6 wrap=mixed";
+       }
+
+       style {
+               name: "notibox_info_sub_effect";
+               base: "font=Tizen:style=Regular text_class=tizen font_size=20 color=#F8F6EF7F ellipsis=1.0 linegap=-6 wrap=mixed style=outline_shadow outline_color=#000000BF shadow_color=#000000BF";
+       }
 }
 
 group {
        name: "quickpanel/notibox/single_multi";
 
        script {
-               public g_is_cloase_button_disabled;
+               public g_is_close_button_disabled;
                public g_is_show_dim_bg;
 
                public init_variables() {
-                       set_int(g_is_cloase_button_disabled, 0);
+                       set_int(g_is_close_button_disabled, 0);
                        set_int(g_is_show_dim_bg, 0);
                }
        }
@@ -149,7 +175,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: BOX_MARGIN_TEXT_H 0;
+                               min: BOX_MARGIN_L_TEXT_H 0;
                                fixed: 1 0;
                                rel1 {
                                        relative: 0.0 0.0;
@@ -171,7 +197,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: BOX_MARGIN_TEXT_H 0;
+                               min: BOX_MARGIN_R_TEXT_H 0;
                                fixed: 1 0;
                                rel1 {
                                        relative: 1.0 0.0;
@@ -193,7 +219,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 6 0;
+                               min: 8 0;
                                fixed: 1 0;
                                rel1 {
                                        relative: 1.0 0.0;
@@ -259,7 +285,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 0 22;
+                               min: 0 14;
                                fixed: 0 1;
                                rel1 {
                                        relative: 0.0 1.0;
@@ -306,8 +332,8 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 124 124;
-                               max: 124 124;
+                               min: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               max: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
                                fixed: 1 1;
                                rel1 {
                                        to_x:"margin.right.icon";
@@ -333,8 +359,8 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 124 124;
-                               max: 124 124;
+                               min: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               max: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
                                fixed: 1 1;
                                rel1 {
                                        to:"rect.icon.bg";
@@ -358,7 +384,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 0 12;
+                               min: 0 15;
                                fixed: 0 1;
                                rel1 {
                                        to:"rect.icon.bg";
@@ -382,8 +408,8 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 56 56;
-                               max: 56 56;
+                               min: BOX_ICON_SUB_SIZE_W BOX_ICON_SUB_SIZE_H;
+                               max: BOX_ICON_SUB_SIZE_W BOX_ICON_SUB_SIZE_H;
                                fixed: 1 1;
                                rel1 {
                                        to:"rect.icon.sub.padding";
@@ -434,8 +460,8 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 190 189;
-                               max: 190 189;
+                               min: 190 150;
+                               max: 190 150;
                                fixed: 1 1;
                                rel1 {
                                        to_x:"margin.left";
@@ -461,8 +487,8 @@ group {
                        description {
                                state: "landscape" 0.0;
                                inherit: "default" 0.0;
-                               min: 260 189;
-                               max: 260 189;
+                               min: 260 132;
+                               max: 260 132;
                        }
                }
 
@@ -699,7 +725,33 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 0 20;
+                               min: 0 14;
+                               fixed: 0 1;
+                               rel1 {
+                                       to_x:"margin.left";
+                                       to_y:"rect.text.info.1";
+                                       relative: 1.0 0.0;
+                               }
+                               rel2 {
+                                       to_x:"margin.right";
+                                       to_y:"rect.text.info.1";
+                                       relative: 0.0 0.0;
+                               }
+                               align: 0.0 1.0;
+#ifdef DEBUG
+                               color: 255 255 255 255;
+#else
+                               visible:0;
+#endif
+                       }
+               }
+               part {
+                       name: "rect.text.margin.count";
+                       type: RECT;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 5;
                                fixed: 0 1;
                                rel1 {
                                        to_x:"margin.left";
@@ -776,17 +828,17 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 40 58;
-                               max: 40 58;
+                               min: 30 50;
+                               max: 30 50;
                                fixed: 1 1;
                                rel1 {
                                        to_x:"margin.left";
-                                       to_y:"rect.text.margin.contents";
+                                       to_y:"rect.text.margin.count";
                                        relative: 1.0 0.0;
                                }
                                rel2 {
                                        to_x:"margin.left";
-                                       to_y:"rect.text.margin.contents";
+                                       to_y:"rect.text.margin.count";
                                        relative: 1.0 0.0;
                                }
                                align: 0.0 1.0;
@@ -803,22 +855,22 @@ group {
                        description {
                                state: "count2" 0.0;
                                inherit: "default" 0.0;
-                               min: 72 58;
+                               min: 60 50;
                        }
                        description {
                                state: "count3" 0.0;
                                inherit: "default" 0.0;
-                               min: 103 58;
+                               min: 90 50;
                        }
                        description {
                                state: "count4" 0.0;
                                inherit: "default" 0.0;
-                               min: 137 58;
+                               min: 120 50;
                        }
                        description {
                                state: "count5" 0.0;
                                inherit: "default" 0.0;
-                               min: 167 58;
+                               min: 150 50;
                        }
                }
                part {
@@ -953,12 +1005,14 @@ group {
                        }
                }
                part{
-                       name: "object.icon";
+                       name: BOX_PART_ICON;
                        type:SWALLOW;
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               fixed: 0 0;
+                               fixed: 1 1;
+                               min: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               max: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
                                rel1 {to: "rect.icon";}
                                rel2 {to: "rect.icon";}
                                visible:0;
@@ -970,6 +1024,35 @@ group {
                        }
                }
                part{
+                       name: "object.icon.press";
+                       type:IMAGE;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               fixed: 1 1;
+                               min: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               max: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               rel1 {to: "rect.icon";}
+                               rel2 {to: "rect.icon";}
+                               image {
+                                       normal:"icon_press.png";
+                                       border: 0 0 0 0;
+                                       border_scale: 1;
+                               }
+                               visible:0;
+                       }
+                       description {
+                               state: "show" 0.0;
+                               inherit: "default" 0.0;
+                               visible:1;
+                       }
+                       description {
+                               state: "hide" 0.0;
+                               inherit: "default" 0.0;
+                               visible:0;
+                       }
+               }
+               part{
                        name: "object.icon.sub.bg";
                        type:IMAGE;
                        scale:1;
@@ -997,12 +1080,14 @@ group {
                        }
                }
                part{
-                       name: "object.icon.sub";
+                       name: BOX_PART_ICON_SUB;
                        type:SWALLOW;
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               fixed: 0 0;
+                               fixed: 1 1;
+                               min: BOX_ICON_SUB_SIZE_W BOX_ICON_SUB_SIZE_H;
+                               max: BOX_ICON_SUB_SIZE_W BOX_ICON_SUB_SIZE_H;
                                rel1 {to: "rect.icon.sub";}
                                rel2 {to: "rect.icon.sub";}
                                visible:0;
@@ -1162,7 +1247,7 @@ group {
                                        font: BOX_INFO_COUNT_FONT;
                                        text_class: TEXT_CLASS_TIZEN;
                                        size: BOX_INFO_COUNT_FONT_SIZE;
-                                       align: 0.0 0.5;
+                                       align: 0.0 1.0;
 #ifdef DEBUG_TEXT
                                        text: "3";
 #endif
@@ -1226,11 +1311,11 @@ group {
                                state: "default" 0.0;
                                rel1 {to: "rect.text.info.1.short";}
                                rel2 {to: "rect.text.info.1.short";}
-                               color: BOX_INFO_FONT_COLOR;
+                               color: BOX_INFO_SHORT_FONT_COLOR;
                                text {
-                                       font: BOX_INFO_FONT;
+                                       font: BOX_INFO_SHORT_FONT;
                                        text_class: TEXT_CLASS_TIZEN;
-                                       size: BOX_INFO_FONT_SIZE;
+                                       size: BOX_INFO_SHORT_FONT_SIZE;
                                        align: 0.0 0.5;
                                }
                                visible:0;
@@ -1298,7 +1383,7 @@ group {
                                        font: BOX_INFO_SUB_FONT;
                                        text_class: TEXT_CLASS_TIZEN;
                                        size: BOX_INFO_SUB_FONT_SIZE;
-                                       align: 0.0 0.5;
+                                       align: 1.0 0.5;
 #ifdef DEBUG_TEXT
                                        text: "some string of text to display";
 #endif
@@ -1362,11 +1447,11 @@ group {
                                state: "default" 0.0;
                                rel1 {to: "rect.text.info.2.short";}
                                rel2 {to: "rect.text.info.2.short";}
-                               color: BOX_INFO_FONT_COLOR;
+                               color: BOX_INFO_SHORT_FONT_COLOR;
                                text {
-                                       font: BOX_INFO_FONT;
+                                       font: BOX_INFO_SHORT_FONT;
                                        text_class: TEXT_CLASS_TIZEN;
-                                       size: BOX_INFO_FONT_SIZE;
+                                       size: BOX_INFO_SHORT_FONT_SIZE;
                                        align: 0.0 0.5;
                                }
                                visible:0;
@@ -1398,7 +1483,7 @@ group {
                                        font: BOX_INFO_SUB_FONT;
                                        text_class: TEXT_CLASS_TIZEN;
                                        size: BOX_INFO_SUB_FONT_SIZE;
-                                       align: 0.0 0.5;
+                                       align: 1.0 0.5;
 #ifdef DEBUG_TEXT
                                        text: "some string of text to display";
 #endif
@@ -1419,7 +1504,7 @@ group {
                        }
                }
                part {
-                       name: "object.layer.touch";
+                       name: "object.layer.touch.background";
                        mouse_events: 1;
                        repeat_events: 1;
                        scale: 1;
@@ -1431,13 +1516,40 @@ group {
                                color: 0 0 0 0;
                        }
                }
+               part {
+                       name: "object.layer.touch.button.1";
+                       mouse_events: 1;
+                       repeat_events: 0;
+                       scale: 1;
+                       type: RECT;
+                       description {
+                               state: "default" 0.0;
+                               rel1 {
+                                       to_x: "rect.icon";
+                                       to_y: "object.button.close";
+                                       relative: 0.0 1.0;
+                               }
+                               rel2 {to: "rect.icon";}
+                               color: 0 0 0 0;
+                       }
+                       description {
+                               state: "show" 0.0;
+                               inherit: "default" 0.0;
+                               visible:1;
+                       }
+                       description {
+                               state: "hide" 0.0;
+                               inherit: "default" 0.0;
+                               visible: 0;
+                       }
+               }
                part{
                        name: "object.button.close";
                        type:RECT;
                        scale:1;
                        description {
                                state: "default" 0.0;
-                               min:100 100;
+                               min:100 64;
                                rel1 {
                                        to: "rect.button.close";
                                        relative: 1.0 0.0;
@@ -1491,6 +1603,42 @@ group {
                                align: 0.0 1.0;
                        }
                }
+               part {
+                       name: "accessibility";
+                       type: RECT;
+                       mouse_events: 1;
+                       repeat_events: 1;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               rel1 {
+                                       to: "background";
+                               }
+                               rel2 {
+                                       to: "background";
+                               }
+                               color: QP_ACCESSIBILITY_TEST_COLOR;
+                               visible: 1;
+                       }
+               }
+               part {
+                       name: "accessibility.closebutton";
+                       type: RECT;
+                       mouse_events: 1;
+                       repeat_events: 1;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               rel1 {
+                                       to: "rect.button.close";
+                               }
+                               rel2 {
+                                       to: "rect.button.close";
+                               }
+                               color: QP_ACCESSIBILITY_TEST_COLOR;
+                               visible: 1;
+                       }
+               }
        }
 
        programs {
@@ -1558,15 +1706,35 @@ group {
                program{
                        name: "box.touch.down";
                        signal: "mouse,clicked,1";
-                       source: "object.layer.touch";
-                       action: SIGNAL_EMIT "selected" "object.layer.touch";
+                       source: "object.layer.touch.background";
+                       action: SIGNAL_EMIT "selected" "edje";
+               }
+               program{
+                       name: "box.button.1.touch.clicked";
+                       signal: "mouse,clicked,1";
+                       source: "object.layer.touch.button.1";
+                       action: SIGNAL_EMIT "button_1" "edje";
+               }
+               program{
+                       name: "box.button.1.touch.down";
+                       signal: "mouse,down,1";
+                       source: "object.layer.touch.button.1";
+                       action: STATE_SET "show" 0.0;
+                       target: "object.icon.press";
+               }
+               program{
+                       name: "box.button.1.touch.up";
+                       signal: "mouse,up,1";
+                       source: "object.layer.touch.button.1";
+                       action: STATE_SET "hide" 0.0;
+                       target: "object.icon.press";
                }
                program{
                        name: "box.button.close.1";
                        signal: "mouse,down,1";
                        source: "object.button.close";
                        script {
-                               if (get_int(g_is_cloase_button_disabled) == 0) {
+                               if (get_int(g_is_close_button_disabled) == 0) {
                                        set_state(PART:"object.image.button.close", "pressed", 0.0);
                                }
                        }
@@ -1584,9 +1752,9 @@ group {
                        signal: "mouse,clicked,1";
                        source: "object.button.close";
                        script {
-                               if (get_int(g_is_cloase_button_disabled) == 0) {
+                               if (get_int(g_is_close_button_disabled) == 0) {
                                        set_state(PART:"object.image.button.close", "normal", 0.0);
-                                       emit("deleted", "object.layer.touch");
+                                       emit("deleted", "edje");
                                }
                        }
                }
@@ -1596,7 +1764,7 @@ group {
                        source: "object.button.close";
                        script {
                                set_state(PART:"object.image.button.close", "disabled", 0.0);
-                               set_int(g_is_cloase_button_disabled, 1);
+                               set_int(g_is_close_button_disabled, 1);
                        }
                }
                program{
@@ -1605,6 +1773,7 @@ group {
                        source: "box.prog";
                        action: STATE_SET "show" 0.0;
                        target: "object.icon.bg";
+                       target: "object.layer.touch.button.1";
                }
                program{
                        name: "box.hide.icon.bg";
@@ -1612,6 +1781,7 @@ group {
                        source: "box.prog";
                        action: STATE_SET "hide" 0.0;
                        target: "object.icon.bg";
+                       target: "object.layer.touch.button.1";
                }
                program{
                        name: "box.show.icon.sub.bg";
@@ -1685,11 +1855,11 @@ group {
        name: "quickpanel/notibox/thumbnail";
 
        script {
-               public g_is_cloase_button_disabled;
+               public g_is_close_button_disabled;
                public g_is_show_dim_bg;
 
                public init_variables() {
-                       set_int(g_is_cloase_button_disabled, 0);
+                       set_int(g_is_close_button_disabled, 0);
                        set_int(g_is_show_dim_bg, 0);
                }
        }
@@ -1724,7 +1894,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: BOX_MARGIN_TEXT_H 0;
+                               min: BOX_MARGIN_L_TEXT_H 0;
                                rel1 {
                                        relative: 0.0 0.0;
                                }
@@ -1745,7 +1915,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: BOX_MARGIN_TEXT_H 0;
+                               min: BOX_MARGIN_R_TEXT_H 0;
                                rel1 {
                                        relative: 1.0 0.0;
                                }
@@ -1766,7 +1936,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 15 0;
+                               min: 12 0;
                                rel1 {
                                        relative: 0.0 0.0;
                                }
@@ -1796,7 +1966,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 15 0;
+                               min: 12 0;
                                rel1 {
                                        relative: 1.0 0.0;
                                }
@@ -1826,7 +1996,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 6 0;
+                               min: 8 0;
                                rel1 {
                                        relative: 1.0 0.0;
                                }
@@ -1889,7 +2059,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 0 26;
+                               min: 0 14;
                                rel1 {
                                        relative: 0.0 1.0;
                                }
@@ -1913,7 +2083,8 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 124 124;
+                               min: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               max: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
                                rel1 {
                                        to_x:"margin.right.icon";
                                        to_y:"margin.top.icon";
@@ -1938,7 +2109,8 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 124 124;
+                               min: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               max: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
                                rel1 {
                                        to:"rect.icon.bg";
                                        relative: 0.5 0.5;
@@ -1961,7 +2133,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 0 12;
+                               min: 0 15;
                                rel1 {
                                        to:"rect.icon.bg";
                                        relative: 0.0 1.0;
@@ -1984,7 +2156,8 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 56 56;
+                               min: BOX_ICON_SUB_SIZE_W BOX_ICON_SUB_SIZE_H;
+                               max: BOX_ICON_SUB_SIZE_W BOX_ICON_SUB_SIZE_H;
                                rel1 {
                                        to:"rect.icon.sub.padding";
                                        relative: 1.0 1.0;
@@ -2032,8 +2205,8 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 190 189;
-                               max: 190 189;
+                               min: 190 150;
+                               max: 190 150;
                                fixed: 1 1;
                                rel1 {
                                        to_x:"margin.left";
@@ -2071,7 +2244,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 0 20;
+                               min: 0 14;
                                rel1 {
                                        to_x:"margin.left";
                                        to_y:"rect.thumbnail.list.1";
@@ -2221,7 +2394,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 10 0;
+                               min: 12 0;
                                rel1 {
                                        to:"rect.thumbnail.list.1";
                                        relative: 1.0 0.0;
@@ -2278,7 +2451,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 10 0;
+                               min: 12 0;
                                rel1 {
                                        to:"rect.thumbnail.list.2";
                                        relative: 1.0 0.0;
@@ -2335,7 +2508,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 10 0;
+                               min: 12 0;
                                rel1 {
                                        to:"rect.thumbnail.list.3";
                                        relative: 1.0 0.0;
@@ -2392,7 +2565,7 @@ group {
                        scale: 1;
                        description {
                                state: "default" 0.0;
-                               min: 10 0;
+                               min: 12 0;
                                rel1 {
                                        to:"rect.thumbnail.list.4";
                                        relative: 1.0 0.0;
@@ -2535,12 +2708,14 @@ group {
                        }
                }
                part{
-                       name: "object.icon";
+                       name: BOX_PART_ICON;
                        type:SWALLOW;
                        scale: 1;
                        description {
                                state: "default" 0.0;
                                fixed: 0 0;
+                               min: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               max: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
                                rel1 {to: "rect.icon";}
                                rel2 {to: "rect.icon";}
                                visible:0;
@@ -2552,6 +2727,35 @@ group {
                        }
                }
                part{
+                       name: "object.icon.press";
+                       type:IMAGE;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               fixed: 1 1;
+                               min: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               max: BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
+                               rel1 {to: "rect.icon";}
+                               rel2 {to: "rect.icon";}
+                               image {
+                                       normal:"icon_press.png";
+                                       border: 0 0 0 0;
+                                       border_scale: 1;
+                               }
+                               visible:0;
+                       }
+                       description {
+                               state: "show" 0.0;
+                               inherit: "default" 0.0;
+                               visible:1;
+                       }
+                       description {
+                               state: "hide" 0.0;
+                               inherit: "default" 0.0;
+                               visible:0;
+                       }
+               }
+               part{
                        name: "object.icon.sub.bg";
                        type:IMAGE;
                        scale:1;
@@ -2579,12 +2783,14 @@ group {
                        }
                }
                part{
-                       name: "object.icon.sub";
+                       name: BOX_PART_ICON_SUB;
                        type:SWALLOW;
                        scale: 1;
                        description {
                                state: "default" 0.0;
                                fixed: 0 0;
+                               min: BOX_ICON_SUB_SIZE_W BOX_ICON_SUB_SIZE_H;
+                               max: BOX_ICON_SUB_SIZE_W BOX_ICON_SUB_SIZE_H;
                                rel1 {to: "rect.icon.sub";}
                                rel2 {to: "rect.icon.sub";}
                                visible:0;
@@ -2821,7 +3027,7 @@ group {
                        }
                }
                part {
-                       name: "object.layer.touch";
+                       name: "object.layer.touch.background";
                        mouse_events: 1;
                        repeat_events: 1;
                        scale: 1;
@@ -2833,13 +3039,40 @@ group {
                                color: 0 0 0 0;
                        }
                }
+               part {
+                       name: "object.layer.touch.button.1";
+                       mouse_events: 1;
+                       repeat_events: 0;
+                       scale: 1;
+                       type: RECT;
+                       description {
+                               state: "default" 0.0;
+                               rel1 {
+                                       to_x: "rect.icon";
+                                       to_y: "object.button.close";
+                                       relative: 0.0 1.0;
+                               }
+                               rel2 {to: "rect.icon";}
+                               color: 0 0 0 0;
+                       }
+                       description {
+                               state: "show" 0.0;
+                               inherit: "default" 0.0;
+                               visible:1;
+                       }
+                       description {
+                               state: "hide" 0.0;
+                               inherit: "default" 0.0;
+                               visible: 0;
+                       }
+               }
                part{
                        name: "object.button.close";
                        type:RECT;
                        scale:1;
                        description {
                                state: "default" 0.0;
-                               min:64 64;
+                               min:100 64;
                                rel1 {
                                        to: "rect.button.close";
                                        relative: 1.0 0.0;
@@ -2893,6 +3126,42 @@ group {
                                align: 0.0 1.0;
                        }
                }
+               part {
+                       name: "accessibility";
+                       type: RECT;
+                       mouse_events: 1;
+                       repeat_events: 1;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               rel1 {
+                                       to: "background";
+                               }
+                               rel2 {
+                                       to: "background";
+                               }
+                               color: QP_ACCESSIBILITY_TEST_COLOR;
+                               visible: 1;
+                       }
+               }
+               part {
+                       name: "accessibility.closebutton";
+                       type: RECT;
+                       mouse_events: 1;
+                       repeat_events: 1;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               rel1 {
+                                       to: "rect.button.close";
+                               }
+                               rel2 {
+                                       to: "rect.button.close";
+                               }
+                               color: QP_ACCESSIBILITY_TEST_COLOR;
+                               visible: 1;
+                       }
+               }
        }
 
        programs {
@@ -2976,15 +3245,35 @@ group {
                program{
                        name: "box.touch.down";
                        signal: "mouse,clicked,1";
-                       source: "object.layer.touch";
-                       action: SIGNAL_EMIT "selected" "object.layer.touch";
+                       source: "object.layer.touch.background";
+                       action: SIGNAL_EMIT "selected" "edje";
+               }
+               program{
+                       name: "box.button.1.touch.clicked";
+                       signal: "mouse,clicked,1";
+                       source: "object.layer.touch.button.1";
+                       action: SIGNAL_EMIT "button_1" "edje";
+               }
+               program{
+                       name: "box.button.1.touch.down";
+                       signal: "mouse,down,1";
+                       source: "object.layer.touch.button.1";
+                       action: STATE_SET "show" 0.0;
+                       target: "object.icon.press";
+               }
+               program{
+                       name: "box.button.1.touch.up";
+                       signal: "mouse,up,1";
+                       source: "object.layer.touch.button.1";
+                       action: STATE_SET "hide" 0.0;
+                       target: "object.icon.press";
                }
                program{
                        name: "box.button.close.1";
                        signal: "mouse,down,1";
                        source: "object.button.close";
                        script {
-                               if (get_int(g_is_cloase_button_disabled) == 0) {
+                               if (get_int(g_is_close_button_disabled) == 0) {
                                        set_state(PART:"object.image.button.close", "pressed", 0.0);
                                }
                        }
@@ -3002,9 +3291,9 @@ group {
                        signal: "mouse,clicked,1";
                        source: "object.button.close";
                        script {
-                               if (get_int(g_is_cloase_button_disabled) == 0) {
+                               if (get_int(g_is_close_button_disabled) == 0) {
                                        set_state(PART:"object.image.button.close", "normal", 0.0);
-                                       emit("deleted", "object.layer.touch");
+                                       emit("deleted", "edje");
                                }
                        }
                }
@@ -3014,7 +3303,7 @@ group {
                        source: "object.button.close";
                        script {
                                set_state(PART:"object.image.button.close", "disabled", 0.0);
-                               set_int(g_is_cloase_button_disabled, 1);
+                               set_int(g_is_close_button_disabled, 1);
                        }
                }
                program{
@@ -3023,6 +3312,7 @@ group {
                        source: "box.prog";
                        action: STATE_SET "show" 0.0;
                        target: "object.icon.bg";
+                       target: "object.layer.touch.button.1";
                }
                program{
                        name: "box.hide.icon.bg";
@@ -3030,6 +3320,7 @@ group {
                        source: "box.prog";
                        action: STATE_SET "hide" 0.0;
                        target: "object.icon.bg";
+                       target: "object.layer.touch.button.1";
                }
                program{
                        name: "box.show.icon.sub.bg";