theme: Added a new button style

Button looking like a arrow

1 files changed, 100 insertions, 0 deletions

diff --git a/data/themes/edc/elm/button.edc b/data/themes/edc/elm/button.edc
index c1712873f..57e80329e 100644
--- a/data/themes/edc/elm/button.edc
+++ b/data/themes/edc/elm/button.edc
@@ -1631,3 +1631,103 @@ group { name: "elm/button/base/hoversel_horizontal_entry/default";
       }
    }
 /******************* SPINNER BUTTONS STYLES END **********************/
+group { name: "elm/button/base/navlink";
+   images.image: "horizontal_separated_bar_small_glow.png" COMP;
+   images.image: "sym_right_glow_normal.png" COMP;
+   parts {
+      part { name: "elm.text"; type: TEXT; mouse_events: 0;
+         effect: GLOW;
+         scale: 1;
+         description { state: "default" 0.0;
+            rel1.offset: 5 5;
+            rel2.offset: -6 -6;
+            rel2.relative: 0.0 1.0;
+            rel2.to_x: "arrow";
+            color_class: "button_text_anchor";
+            color2: 255 255 255 255;
+            color3: 255 255 255 255;
+            text { font: FN; size: 10;
+               align: 0.5 0.5;
+               min: 1 1;
+               text_class: "button_anchor";
+               ellipsis: -1;
+            }
+         }
+      }
+      part { name: "arrow"; mouse_events: 0;
+         description { state: "default" 0.0;
+            image.normal: "sym_right_glow_normal.png";
+            min: 15 15; max: 15 15;
+            align: 1.0 0.5;
+         }
+      }
+      part { name: "bar"; mouse_events: 0;
+         description { state: "default" 0.0;
+            image.normal: "horizontal_separated_bar_small_glow.png";
+            image.border: 4 4 4 4;
+            fill.smooth: 0;
+            rel1.relative: 0.0 1.0;
+            rel1.offset: 1 -10;
+            rel2.offset: -2 -1;
+            rel2.relative: 0.0 1.0;
+            rel2.to_x: "arrow";
+         }
+      }
+      part { name: "bar2"; mouse_events: 0;
+         description { state: "default" 0.0;
+            image.normal: "horizontal_separated_bar_small_glow.png";
+            image.border: 4 4 4 4;
+            fill.smooth: 0;
+            rel1.to: "bar";
+            rel2.to: "bar";
+            color: 255 255 255 0;
+            visible: 0;
+         }
+         description { state: "clicked" 0.0;
+            inherit: "default" 0.0;
+            color: 255 255 255 255;
+            visible: 1;
+         }
+      }
+      part { name: "event"; type: RECT;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+      }
+   }
+   programs {
+      program {
+         signal: "mouse,down,1"; source: "event";
+         action: SIGNAL_EMIT "elm,action,press" "elm";
+         after: "button_click_anim";
+      }
+      program { name: "button_click_anim";
+         action: STATE_SET "clicked" 0.0;
+         target: "bar2";
+      }
+      program {
+         signal: "mouse,up,1"; source: "event";
+         action: SIGNAL_EMIT "elm,action,unpress" "elm";
+         after: "button_unclick_anim";
+      }
+      program { name: "button_unclick_anim";
+         action: STATE_SET "default" 0.0;
+         target: "bar2";
+      }
+      program {
+         signal: "elm,anim,activate"; source: "elm";
+         action: STATE_SET "clicked" 0.0;
+         target: "bar2";
+         after: "button_unpressed_anim";
+      }
+      program { name: "button_unpressed_anim";
+         action: STATE_SET "default" 0.0;
+         in: 0.5 0.0;
+         target: "bar2";
+      }
+      program {
+         signal: "mouse,clicked,1"; source: "event";
+         action: SIGNAL_EMIT "elm,action,click" "elm";
+      }
+   }
+}