naviframe - clip the previous page to not be visible in panes case.
[platform/core/uifw/efl-theme-tizen.git] / themes / widgets / naviframe.edc
index d002733..fcf4967 100644 (file)
          public landscape = 0; //Landscape mode status
       }
       parts {
+         part { name: "clipper";
+            type: RECT;
+            description { state: "default" 0.0;
+               visible: 1;
+            }
+            description { state: "left" 0.0;
+               visible: 0;
+            }
+         }
          part { name: "base";
             type: RECT;
             mouse_events:  0;
@@ -74,6 +83,7 @@
          part { name: "title_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
                rel1 { to_y: "title_bg"; }
                rel2 { to_y: "title_bg"; }
          part { name: "content_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
                rel1.to_y: "elm.swallow.content";
                rel2.to_y: "elm.swallow.content";
          part { name: "toolbar_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
                rel1 { to_y: "toolbar_bg"; }
                rel2 { to_y: "toolbar_bg"; }
             source: "elm";
             action: STATE_SET "left" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "pushed_finished";
          }
             source: "elm";
             action: STATE_SET "default" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "show_finished";
          }
          public landscape = 0; //Landscape mode status
       }
       parts {
+         part { name: "clipper";
+            type: RECT;
+            description { state: "default" 0.0;
+               visible: 1;
+            }
+            description { state: "left" 0.0;
+               visible: 0;
+            }
+         }
          part { name: "base";
             type: RECT;
             mouse_events:  0;
          part { name: "title_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1 { to: "title_bg"; }
-               rel2 { to: "title_bg"; }
+               rel1 { to_y: "title_bg"; }
+               rel2 { to_y: "title_bg"; }
             }
          }
          part { name: "elm.swallow.content";
          part { name: "content_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1.to: "elm.swallow.content";
-               rel2.to: "elm.swallow.content";
+               rel1.to_y: "elm.swallow.content";
+               rel2.to_y: "elm.swallow.content";
             }
          }
          part { name: "top_padding";
          part { name: "toolbar_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1 { to: "toolbar_bg"; }
-               rel2 { to: "toolbar_bg"; }
+               rel1 { to_y: "toolbar_bg"; }
+               rel2 { to_y: "toolbar_bg"; }
             }
          }
          part { name: "toolbar_button1";
             source: "elm";
             action: STATE_SET "left" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "pushed_finished";
          }
             source: "elm";
             action: STATE_SET "default" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "show_finished";
          }
          public landscape = 0; //Landscape mode status
       }
       parts {
+         part { name: "clipper";
+            type: RECT;
+            description { state: "default" 0.0;
+               visible: 1;
+            }
+            description { state: "left" 0.0;
+               visible: 0;
+            }
+         }
          part { name: "base";
             type: RECT;
             mouse_events:  0;
          part { name: "title_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1 { to: "title_bg"; }
-               rel2 { to: "title_bg"; }
+               rel1 { to_y: "title_bg"; }
+               rel2 { to_y: "title_bg"; }
             }
          }
          part { name: "tabbar";
          part { name: "content_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1.to: "elm.swallow.content";
-               rel2.to: "elm.swallow.content";
+               rel1.to_y: "elm.swallow.content";
+               rel2.to_y: "elm.swallow.content";
             }
          }
          part { name: "toolbar_bg";
          part { name: "toolbar_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1 { to: "toolbar_bg"; }
-               rel2 { to: "toolbar_bg"; }
+               rel1 { to_y: "toolbar_bg"; }
+               rel2 { to_y: "toolbar_bg"; }
             }
          }
          part { name: "toolbar_btns_area";
             source: "elm";
             action: STATE_SET "left" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "pushed_finished";
          }
             source: "elm";
             action: STATE_SET "default" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "show_finished";
          }
          public landscape = 0; //Landscape mode status
       }
       parts {
+         part { name: "clipper";
+            type: RECT;
+            description { state: "default" 0.0;
+               visible: 1;
+            }
+            description { state: "left" 0.0;
+               visible: 0;
+            }
+         }
          part { name: "base";
             type: RECT;
             mouse_events:  0;
          part { name: "content_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
                rel1.to: "elm.swallow.content";
                rel2.to: "elm.swallow.content";
          part { name: "title";
             type: SWALLOW;
             scale: 1;
+            clip_to: "clipper";
             description { state: "default" 0.0;
                align: 0.5 0.0;
                fixed: 0 1;
          part { name: "toolbar_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
                rel1 { to: "toolbar_bg"; }
                rel2 { to: "toolbar_bg"; }
             source: "elm";
             action: STATE_SET "left" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "pushed_finished";
          }
             source: "elm";
             action: STATE_SET "default" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "show_finished";
          }
          public landscape = 0; //Landscape mode status
       }
       parts {
+         part { name: "clipper";
+            type: RECT;
+            description { state: "default" 0.0;
+               visible: 1;
+            }
+            description { state: "left" 0.0;
+               visible: 0;
+            }
+         }
          part { name: "base";
             type: RECT;
             mouse_events:  0;
          part { name: "title_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1 { to: "title_bg"; }
-               rel2 { to: "title_bg"; }
+               rel1 { to_y: "title_bg"; }
+               rel2 { to_y: "title_bg"; }
             }
          }
          part { name: "top_padding";
          part { name: "content_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1.to: "elm.swallow.content";
-               rel2.to: "elm.swallow.content";
+               rel1.to_y: "elm.swallow.content";
+               rel2.to_y: "elm.swallow.content";
             }
          }
          part { name: "padding_bottom_text";
          part { name: "toolbar_clip";
             type: RECT;
             mouse_events: 0;
+            clip_to: "clipper";
             description { state: "default" 0.0;
-               rel1 { to: "toolbar_bg"; }
-               rel2 { to: "toolbar_bg"; }
+               rel1 { to_y: "toolbar_bg"; }
+               rel2 { to_y: "toolbar_bg"; }
             }
          }
          part { name: "toolbar_button1";
             source: "elm";
             action: STATE_SET "left" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "pushed_finished";
          }
             source: "elm";
             action: STATE_SET "default" 0.0;
             target: "base";
+            target: "clipper";
             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
             after: "show_finished";
          }