Change view of Most Visited tiles.

[Issue#] https://bugs.tizen.org/jira/browse/TT-73
[Problem] Font sizes, colors, highlight were wrong.
[Cause] N/A
[Solution] Changed to proper ones.
[Verify] Check tiles title and URL font and it's location acording to
               guideline. Check backgrounds. Check highliting tiles.

Change-Id: I8ab0b869a72f6baedaf3832e58edb88c40135940
Signed-off-by: Maciej Skrzypkowski <m.skrzypkows@samsung.com>

diff --git a/services/MainUI/edc/MainUI.edc b/services/MainUI/edc/MainUI.edc
index a81e52a67a16d625fa3ba7f25a8e038be3c055fa..ba358bf5e5c60aaa7f8b1d860dc0549af815d806 100644 (file)
--- a/services/MainUI/edc/MainUI.edc
+++ b/services/MainUI/edc/MainUI.edc
@@ -100,11 +100,7 @@ group { name: "mv_bookmarks";
             }
             color_class{
                 name: "focusBgColor";
-                color: 69 143 255 255;
-            }
-            color_class{
-                name: "highlightBgColor";
-                color: 69 143 255 102;
+                color: 0 119 246 255;
             }
             color_class{
                 name: "imageHighlight";
@@ -343,425 +339,518 @@ group { name: "mv_bookmarks";
 }
 
 group { name: "elm/genlist/item/big_grid_item/default";
-       data.item: "texts" "page_title page_url";
-       data.item: "contents" "elm.thumbnail elm.thumbButton";
-       min: 600 614;
-       max: 600 614;
-       images {
-               image: "web_frame_selected.png" COMP;
-               image: "ico_bg_round_shape_37x37.png" COMP;
-       }
-       parts {
-               part { name: "bg";
-                       type: RECT;
-                       mouse_events: 0;
-                       description { state: "default" 0.0;
-                               min: 784 614;
-                               max: 784 614;
-                               visible: 1;
-                               color: 231 231 231 255;
-                       }
-                       description { state: "selected";
-                               inherit: "default" 0.0;
-                               color: 70 143 254 255;
-                       }
-               }
-
-               part { name: "elm.thumbnail";
-                       type: SWALLOW;
-                       description { state: "default" 0.0;
-                               fixed: 1 0;
-                               align: 0.0 0.0;
-                               color : 231 231 231 255;
-                               min: 784 526;
-                               max: 784 526;
-                               rel1 {
-                                       relative: 0.0  0.0; to: "bg";
-                               }
-                               rel2 {
-                                       relative: 1.0  1.0; to: "bg";
-                               }
-                       }
-                       description { state: "selected";
-                               inherit: "default" 0.0;
-                       }
-               }
-
-               part { name: "focus_highlight";
-                       type: IMAGE;
-                       description { state: "default" 0.0;
-                               rel1 {
-                                       to: "elm.thumbnail";
-                                       relative: 0.0  0.0;
-                               }
-                               rel2 {
-                                       to: "elm.thumbnail";
-                                       relative: 1.0  1.0;
-                               }
-                               image.normal: "web_frame_selected.png";
-                               image.border: 8 8 8 0;
-                               image.border_scale: 1;
-                               image.middle: NONE;
-                               visible: 0;
-                       }
-                       description { state: "selected";
-                               inherit: "default" 0.0;
-                               visible: 1;
-                       }
-               }
-
-               part { name: "background";
-                       type: RECT;
-                       description { state: "default" 0.0;
-                               min: 784 87;
-                               max: 784 87;
-                               align: 0.0 0.0;
-                               color: 231 231 231 255;
-                               rel1 {
-                                       to: "elm.thumbnail";
-                                       relative: 0.0  1.0;
-                               }
-                               rel2 {
-                                       relative: 1.0  1.0;
-                               }
-                       }
-                       description { state: "selected" 0.0;
-                               inherit: "default" 0.0;
-                               color: 70 143 254 255;
-                       }
-               }
+    data.item: "texts" "page_title page_url";
+    data.item: "contents" "elm.thumbnail elm.thumbButton";
+    min: 600 614;
+    max: 600 614;
+    images {
+        image: "web_frame_selected.png" COMP;
+        image: "ico_bg_round_shape_37x37.png" COMP;
+    }
+    parts {
+        part { name: "bg";
+            type: RECT;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+                min: 784 614;
+                max: 784 614;
+                visible: 1;
+                color: 231 231 231 255;
+            }
+        }
 
-               part { name: "page_title";
-                       type: TEXT;
-                       description { state: "default" 0.0;
-                               min: 700 48;
-                               max: 700 48;
-                               align: 0.0 0.5;
-                               rel1 {
-                                       to: "background";
-                                       relative: 0.0 0.0;
-                                       offset: 17 0;
-                               }
-                               rel2 {
-                                       to: "background";
-                                       relative: 1.0  1.0;
-                               }
-               color: 51 51 51 255;
-                    text {
-                        text: "Web page title";
-                        font: "Sans";
-                        size: 27;
-                        align: 0 0.5;
-                    }
-                }
-                description { state: "focus" 0.0;
-                    inherit: "default" 0.0;
-                    //color: focusTextColor;
+        part { name: "elm.thumbnail";
+            type: SWALLOW;
+            description { state: "default" 0.0;
+                fixed: 1 0;
+                align: 0.0 0.0;
+                color : 231 231 231 255;
+                min: 784 498;
+                max: 784 498;
+                rel1 {
+                    relative: 0.0  0.0; to: "bg";
                 }
-                description { state: "highlight" 0.0;
-                    inherit: "default" 0.0;
-                    //color: highlightTextColor;
+                rel2 {
+                    relative: 1.0  1.0; to: "bg";
                 }
-               }
+            }
+            description { state: "selected";
+                inherit: "default" 0.0;
+            }
+        }
 
-               part { name: "page_url";
-                        type: TEXT;
-                        description { state: "default" 0.0;
-                                min: 700 48;
-                                max: 700 48;
-                                align: 0 0.5;
-                                rel1 {
-                                        to: "page_title";
-                                        relative: 0.0 1.0;
-                                }
-                                rel2 {
-                                        to: "page_title";
-                                        relative: 1.0  1.0;
-                                }
-                               color: 153 153 153 255;
-                    text {
-                        text: "Web page url";
-                        font: "Sans";
-                        size: 24;
-                        align: 0 0.5;
-                    }
+        part { name: "border_top";
+            type: RECT;
+            description { state: "default" 0.0;
+                color_class: focusBgColor;
+                min: 0 6;
+                max: -1 6;
+                align: 0 0;
+                rel1 {
+                    to: "elm.thumbnail";
+                    relative: 0.0 0.0;
                 }
-                description { state: "focus" 0.0;
-                    inherit: "default" 0.0;
-                    //color: focusTextColor;
+                rel2 {
+                    to: "elm.thumbnail";
+                    relative: 1.0  1.0;
                 }
-                description { state: "highlight" 0.0;
-                    inherit: "default" 0.0;
-                    //color: highlightTextColor;
+                visible: 0;
+            }
+            description { state: "selected";
+                inherit: "default" 0.0;
+                visible: 1;
+            }
+        }
+
+        part { name: "border_left";
+            type: RECT;
+            description { state: "default" 0.0;
+                color_class: focusBgColor;
+                min: 6 0;
+                max: 6 -1;
+                align: 0 0;
+                rel1 {
+                    to: "elm.thumbnail";
+                    relative: 0.0 0.0;
                 }
+                rel2 {
+                    to: "elm.thumbnail";
+                    relative: 1.0  1.0;
                 }
+                visible: 0;
+            }
+            description { state: "selected";
+                inherit: "default" 0.0;
+                visible: 1;
+            }
+        }
 
-               part { name: "elm.thumbButton";
-                       type: SWALLOW;
-                       description { state: "default" 0.0;
-                               rel1.to: "elm.thumbnail";
-                               rel2.to: "elm.thumbnail";
-                       }
-               }
-
-               part { name: "over2";
-                       type: RECT;
-                       mouse_events: 1;
-                       repeat_events: 1;
-                       description { state: "default" 0.0;
-                               color: 0 0 0 0;
-                               rel1.to: "bg";
-                               rel2.to: "background";
-                       }
-               }
-               part { name: "over3";
-                       type: RECT;
-                       mouse_events: 1;
-                       repeat_events: 1;
-                       description { state: "default" 0.0;
-                               color: 0 0 0 0;
-                               rel1.to: "background";
-                               rel2.to: "background";
-                       }
-               }
-       }
-
-       programs{
-               program { name: "mouse_in";
-                       signal: "mouse,in";
-                       source: "over2";
-                       action:  STATE_SET "selected" 0.0;
-                       target:  "background";
-                       target: "focus_highlight";
-                       target: "bg";
-               }
-               program { name: "mouse_out";
-                       signal: "mouse,out";
-                       source: "over2";
-                       action:  STATE_SET "default" 0.0;
-                       target:  "background";
-                       target: "focus_highlight";
-                       target: "bg";
-               }
-       }
-}
-
-group { name: "elm/genlist/item/small_grid_item/default";
-       data.item: "texts" "page_title page_url";
-       data.item: "contents" "elm.thumbnail elm.thumbButton";
-       images {
-               image: "web_frame_selected.png" COMP;
-               image: "ico_bg_round_shape_37x37.png" COMP;
-       }
-       parts {
-        part { name: "border";
+        part { name: "border_right";
             type: RECT;
             description { state: "default" 0.0;
-                min: 378 320;
-                max: 378 320;
+                color_class: focusBgColor;
+                min: 6 0;
+                max: 6 -1;
+                align: 1 0;
+                rel1 {
+                    to: "elm.thumbnail";
+                    relative: 0.0 0.0;
+                }
+                rel2 {
+                    to: "elm.thumbnail";
+                    relative: 1.0  1.0;
+                }
                 visible: 0;
             }
+            description { state: "selected";
+                inherit: "default" 0.0;
+                visible: 1;
+            }
         }
 
-               part { name: "bg";
-                       type: RECT;
-                       mouse_events: 0;
-                       description { state: "default" 0.0;
-                               min: 378 294;
-                               max: 378 294;
-                               visible: 1;
-                               color: 231 231 231 255;
+        part { name: "background";
+            type: RECT;
+            description { state: "default" 0.0;
+                min: 784 116;
+                max: 784 116;
                 align: 0.0 0.0;
+                color: 113 128 147 255;
+                visible: 1;
                 rel1 {
-                    relative: 0.0  0.0; to: "border";
+                    to: "elm.thumbnail";
+                    relative: 0.0  1.0;
                 }
                 rel2 {
-                    relative: 1.0  1.0; to: "border";
+                    relative: 1.0  1.0;
                 }
-                       }
-                       description { state: "selected";
-                               inherit: "default" 0.0;
-                               color: 70 143 254 255;
-                       }
-               }
+            }
+            description { state: "selected" 0.0;
+                inherit: "default" 0.0;
+                color: 0 119 246 255;
+            }
+        }
 
-               part { name: "elm.thumbnail";
-                       type: SWALLOW;
-                       description { state: "default" 0.0;
-                               fixed: 1 0;
-                               align: 0.0 0.0;
-                               color : 231 231 231 255;
-                               min: 342 203;
-                               max: 342 203;
-                               rel1 {
-                                       relative: 0.0  0.0; to: "bg";
-                               }
-                               rel2 {
-                                       relative: 1.0  1.0; to: "bg";
-                               }
-                       }
-                       description { state: "selected";
-                               inherit: "default" 0.0;
-                       }
-               }
+        part { name: "page_title";
+            type: TEXT;
+            description { state: "default" 0.0;
+                min: 700 36;
+                max: 700 36;
+                align: 0.0 0.0;
+                color: 255 255 255 255;
+                rel1 {
+                    to: "background";
+                    relative: 0.0 0.0;
+                    offset: 32 22;
+                }
+                rel2 {
+                    to: "background";
+                    relative: 1.0  1.0;
+                }
+                text {
+                    text: "Web page title";
+                    font: "Sans";
+                    size: 36;
+                    align: 0 0.5;
+                }
+            }
+            description { state: "focus" 0.0;
+                inherit: "default" 0.0;
+                color_class: focusTextColor;
+            }
+            description { state: "highlight" 0.0;
+                inherit: "default" 0.0;
+                //color_class: highlightTextColor;
+            }
+        }
 
-               part { name: "focus_highlight";
-                       type: IMAGE;
-                       description { state: "default" 0.0;
-                               rel1 {
-                                       to: "elm.thumbnail";
-                                       relative: 0.0  0.0;
-                               }
-                               rel2 {
-                                       to: "elm.thumbnail";
-                                       relative: 1.0  1.0;
-                               }
-                               image.normal: "web_frame_selected.png";
-                               image.border: 8 8 8 0;
-                               image.border_scale: 1;
-                               image.middle: NONE;
-                               visible: 0;
-                       }
-                       description { state: "selected";
-                               inherit: "default" 0.0;
-                               visible: 1;
-                       }
-               }
+        part { name: "page_url";
+            type: TEXT;
+            description { state: "default" 0.0;
+                min: 700 28;
+                max: 700 28;
+                align: 0 0.0;
+                color: 255 255 255 255;
+                rel1 {
+                        to: "page_title";
+                        relative: 0.0 1.0;
+                        offset: 0 10;
+                }
+                rel2 {
+                        to: "background";
+                        relative: 1.0  1.0;
+                }
+                text {
+                    text: "Web page url";
+                    font: "Sans";
+                    size: 28;
+                    align: 0 0.5;
+                }
+            }
+            description { state: "focus" 0.0;
+                inherit: "default" 0.0;
+                color_class: focusTextColor;
+            }
+            description { state: "highlight" 0.0;
+                inherit: "default" 0.0;
+                //color_class: highlightTextColor;
+            }
+        }
 
-               part { name: "background";
-                       type: RECT;
-                       description { state: "default" 0.0;
-                               min: 342 87;
-                               max: 342 87;
-                               align: 0.0 0.0;
-                               color: 231 231 231 255;
-                               rel1 {
-                                       to: "elm.thumbnail";
-                                       relative: 0.0  1.0;
-                               }
-                               rel2 {
-                                       relative: 1.0  1.0;
-                               }
-                       }
-                       description { state: "selected" 0.0;
-                               inherit: "default" 0.0;
-                               color: 70 143 254 255;
-                       }
-               }
+        part { name: "elm.thumbButton";
+            type: SWALLOW;
+            description { state: "default" 0.0;
+                rel1.to: "bg";
+                rel2.to: "bg";
+            }
+        }
 
-               part { name: "page_title";
-                       type: TEXT;
-                       description { state: "default" 0.0;
-                               min: 320 48;
-                               max: 320 48;
-                               align: 0.0 0.5;
-                               rel1 {
-                                       to: "background";
-                                       relative: 0.0 0.0;
-                                       offset: 17 0;
-                               }
-                               rel2 {
-                                       to: "background";
-                                       relative: 1.0  1.0;
-                               }
-               color: 51 51 51 255;
-                    text {
-                        text: "Web page title";
-                        font: "Sans";
-                        size: 27;
-                        align: 0 0.5;
-                    }
+        part { name: "over2";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+                color: 0 0 0 0;
+                rel1.to: "bg";
+                rel2.to: "background";
+            }
+        }
+        part { name: "over3";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+                color: 0 0 0 0;
+                rel1.to: "background";
+                rel2.to: "background";
+            }
+        }
+    }
+
+    programs{
+        program { name: "mouse_in";
+            signal: "mouse,in";
+            source: "over2";
+            action:  STATE_SET "selected" 0.0;
+            target:  "background";
+            target: "border_top";
+            target: "border_left";
+            target: "border_right";
+        }
+        program { name: "mouse_out";
+            signal: "mouse,out";
+            source: "over2";
+            action:  STATE_SET "default" 0.0;
+            target:  "background";
+            target: "border_top";
+            target: "border_left";
+            target: "border_right";
+        }
+    }
+}
+
+group { name: "elm/genlist/item/small_grid_item/default";
+    data.item: "texts" "page_title page_url";
+    data.item: "contents" "elm.thumbnail elm.thumbButton";
+    images {
+        image: "web_frame_selected.png" COMP;
+        image: "ico_bg_round_shape_37x37.png" COMP;
+    }
+    parts {
+        part { name: "container";
+            type: RECT;
+            description { state: "default" 0.0;
+                min: 378 320;
+                max: 378 320;
+                visible: 0;
+            }
+        }
+
+        part { name: "bg";
+            type: RECT;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+                min: 378 294;
+                max: 378 294;
+                visible: 1;
+                color: 231 231 231 255;
+                align: 0.0 0.0;
+                rel1 {
+                    relative: 0.0  0.0; to: "container";
                 }
-                description { state: "focus" 0.0;
-                    inherit: "default" 0.0;
-                    //color: focusTextColor;
+                rel2 {
+                    relative: 1.0  1.0; to: "container";
                 }
-                description { state: "highlight" 0.0;
-                    inherit: "default" 0.0;
-                    //color: highlightTextColor;
+            }
+        }
+
+        part { name: "elm.thumbnail";
+            type: SWALLOW;
+            description { state: "default" 0.0;
+                fixed: 1 0;
+                align: 0.0 0.0;
+                color : 231 231 231 255;
+                min: 378 198;
+                max: 378 198;
+                rel1 {
+                    relative: 0.0  0.0; to: "bg";
                 }
-               }
+                rel2 {
+                    relative: 1.0  1.0; to: "bg";
+                }
+            }
+            description { state: "selected";
+                inherit: "default" 0.0;
+            }
+        }
 
-               part { name: "page_url";
-                        type: TEXT;
-                        description { state: "default" 0.0;
-                                min: 320 48;
-                                max: 320 48;
-                                align: 0 0.5;
-                                rel1 {
-                                        to: "page_title";
-                                        relative: 0.0 1.0;
-                                }
-                                rel2 {
-                                        to: "page_title";
-                                        relative: 1.0  1.0;
-                                }
-                               color: 153 153 153 255;
-                    text {
-                        text: "Web page url";
-                        font: "Sans";
-                        size: 24;
-                        align: 0 0.5;
-                    }
+        part { name: "border_top";
+            type: RECT;
+            description { state: "default" 0.0;
+                color_class: focusBgColor;
+                min: 0 6;
+                max: -1 6;
+                align: 0 0;
+                rel1 {
+                    to: "elm.thumbnail";
+                    relative: 0.0 0.0;
                 }
-                description { state: "focus" 0.0;
-                    inherit: "default" 0.0;
-                    //color: focusTextColor;
+                rel2 {
+                    to: "elm.thumbnail";
+                    relative: 1.0  1.0;
                 }
-                description { state: "highlight" 0.0;
-                    inherit: "default" 0.0;
-                    //color: highlightTextColor;
+                visible: 0;
+            }
+            description { state: "selected";
+                inherit: "default" 0.0;
+                visible: 1;
+            }
+        }
+
+        part { name: "border_left";
+            type: RECT;
+            description { state: "default" 0.0;
+                color_class: focusBgColor;
+                min: 6 0;
+                max: 6 -1;
+                align: 0 0;
+                rel1 {
+                    to: "elm.thumbnail";
+                    relative: 0.0 0.0;
                 }
+                rel2 {
+                    to: "elm.thumbnail";
+                    relative: 1.0  1.0;
                 }
+                visible: 0;
+            }
+            description { state: "selected";
+                inherit: "default" 0.0;
+                visible: 1;
+            }
+        }
 
-               part { name: "elm.thumbButton";
-                       type: SWALLOW;
-                       description { state: "default" 0.0;
-                               rel1.to: "elm.thumbnail";
-                               rel2.to: "elm.thumbnail";
-                       }
-               }
+        part { name: "border_right";
+            type: RECT;
+            description { state: "default" 0.0;
+                color_class: focusBgColor;
+                min: 6 0;
+                max: 6 -1;
+                align: 1 0;
+                rel1 {
+                    to: "elm.thumbnail";
+                    relative: 0.0 0.0;
+                }
+                rel2 {
+                    to: "elm.thumbnail";
+                    relative: 1.0  1.0;
+                }
+                visible: 0;
+            }
+            description { state: "selected";
+                inherit: "default" 0.0;
+                visible: 1;
+            }
+        }
 
-               part { name: "over2";
-                       type: RECT;
-                       mouse_events: 1;
-                       repeat_events: 1;
-                       description { state: "default" 0.0;
-                               color: 0 0 0 0;
-                               rel1.to: "bg";
-                               rel2.to: "background";
-                       }
-               }
-               part { name: "over3";
-                       type: RECT;
-                       mouse_events: 1;
-                       repeat_events: 1;
-                       description { state: "default" 0.0;
-                               color: 0 0 0 0;
-                               rel1.to: "background";
-                               rel2.to: "background";
-                       }
-               }
-       }
+        part { name: "background";
+            type: RECT;
+            description { state: "default" 0.0;
+                min: 378 96;
+                max: 378 96;
+                align: 0.0 0.0;
+                color: 113 128 147 255;
+                visible: 1;
+                rel1 {
+                    to: "elm.thumbnail";
+                    relative: 0.0  1.0;
+                }
+                rel2 {
+                    relative: 1.0  1.0;
+                }
+            }
+            description { state: "selected" 0.0;
+                inherit: "default" 0.0;
+                color: 0 119 246 255;
+            }
+        }
 
-       programs{
-               program { name: "mouse_in";
-                       signal: "mouse,in";
-                       source: "over2";
-                       action:  STATE_SET "selected" 0.0;
-                       target:  "background";
-                       target: "focus_highlight";
-                       target: "bg";
-               }
-               program { name: "mouse_out";
-                       signal: "mouse,out";
-                       source: "over2";
-                       action:  STATE_SET "default" 0.0;
-                       target:  "background";
-                       target: "focus_highlight";
-                       target: "bg";
-               }
-       }
+        part { name: "page_title";
+            type: TEXT;
+            description { state: "default" 0.0;
+                min: 314 28;
+                max: 314 28;
+                align: 0.0 0.0;
+                color: 255 255 255 255;
+                rel1 {
+                    to: "background";
+                    relative: 0.0 0.0;
+                    offset: 32 18;
+                }
+                rel2 {
+                    to: "background";
+                    relative: 1.0  1.0;
+                }
+                text {
+                    text: "Web page title";
+                    font: "Sans";
+                    size: 28;
+                    align: 0 0.0;
+                }
+            }
+            description { state: "focus" 0.0;
+                inherit: "default" 0.0;
+                color_class: focusTextColor;
+            }
+            description { state: "highlight" 0.0;
+                inherit: "default" 0.0;
+                //color_class: highlightTextColor;
+            }
+        }
+
+        part { name: "page_url";
+            type: TEXT;
+            description { state: "default" 0.0;
+                min: 314 24;
+                max: 314 24;
+                align: 0 0.0;
+                color: 255 255 255 255;
+                rel1 {
+                    to: "page_title";
+                    relative: 0.0 1.0;
+                    offset: 0 8;
+                }
+                rel2 {
+                    to: "background";
+                    relative: 1.0  1.0;
+                }
+                text {
+                    text: "Web page url";
+                    font: "Sans";
+                    size: 24;
+                    align: 0 0.5;
+                }
+            }
+            description { state: "focus" 0.0;
+                inherit: "default" 0.0;
+                color_class: focusTextColor;
+            }
+            description { state: "highlight" 0.0;
+                inherit: "default" 0.0;
+                //color_class: highlightTextColor;
+            }
+        }
+
+        part { name: "elm.thumbButton";
+            type: SWALLOW;
+            description { state: "default" 0.0;
+                rel1.to: "bg";
+                rel2.to: "bg";
+            }
+        }
+
+        part { name: "over2";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+                color: 0 0 0 0;
+                rel1.to: "bg";
+                rel2.to: "background";
+            }
+        }
+
+        part { name: "over3";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+                color: 0 0 0 0;
+                rel1.to: "background";
+                rel2.to: "background";
+            }
+        }
+    }
+
+    programs {
+        program { name: "mouse_in";
+            signal: "mouse,in";
+            source: "over2";
+            action: STATE_SET "selected" 0.0;
+            target: "background";
+            target: "border_top";
+            target: "border_left";
+            target: "border_right";
+        }
+        program { name: "mouse_out";
+            signal: "mouse,out";
+            source: "over2";
+            action: STATE_SET "default" 0.0;
+            target: "background";
+            target: "border_top";
+            target: "border_left";
+            target: "border_right";
+        }
+    }
 }
 
 group { name: "elm/gengrid/item/grid_item/default";