On Sun, Nov 13, 2011 at 8:47 AM, Enlightenment SVN <no-re...@enlightenment.org> wrote: > Log: > THEMES/detorious: try a simpler pager. > > Couple of people reported that they found the pager a bit strange, I > also felt the same, then I'm trying a new one that is more clean in > the design. > > Pager is usually quite small and holds windows, possibly lots of them > (xterms side by side), in this case all those details were cluttering > the results. > > Replaced the sunken border with a single line at left and right, the > focused background is a plain rectangle with the focused color. This > should look fine in both inset and plain styles. > > Windows have no detail. Unfocused are semi-transparent, focused is > opaque. Just focused window have icon, and the icon should be at least > 16x16. > > If you dislike it, feel free to revert. > the desk image needs a top and/or bottom separator when having more than one row or when used in pager popup, otherwise I'm ok it. In pager popup I'm missing the icons for orientation, imo there should always be icons.
> > > Author: barbieri > Date: 2011-11-12 23:47:41 -0800 (Sat, 12 Nov 2011) > New Revision: 65128 > Trac: http://trac.enlightenment.org/e/changeset/65128 > > Modified: > trunk/THEMES/detourious/bits/pager.edc > trunk/THEMES/detourious/images/pager_im6.png > > Modified: trunk/THEMES/detourious/bits/pager.edc > =================================================================== > --- trunk/THEMES/detourious/bits/pager.edc 2011-11-13 07:21:37 UTC (rev > 65127) > +++ trunk/THEMES/detourious/bits/pager.edc 2011-11-13 07:47:41 UTC (rev > 65128) > @@ -144,253 +144,56 @@ > data { > item: "e/modules/pager/desk/apparence" "plain"; > } > - script { > - public active; > - public drag; > - } > parts { > - > part { > - name: "gradient"; > - type: RECT; > - mouse_events: 1; > - description { > - state: "default" 0.0; > - /* image.normal: "images/backdrop_grad.png"; > */ > - color: 128 128 128 20; > - rel1 { > - offset: 3 4; > - } > - rel2 { > - offset: -2 -5; > - } > - /* color_class: "focus"; */ > - } > - description { > - state: "active" 0.0; > - inherit: "default" 0.0; > - color: 255 255 255 200; > - color_class: "focus"; > - } > - } > - > - /* part { > - * name: "pattern"; > - * type: IMAGE; > - * mouse_events: 0; > - * description { > - * state: "default" 0.0; > - * color: 205 204 188 5; > - * image { > - * normal: "images/wallpaper_pat3.png"; > - * } > - * rel1 { > - * offset: 3 4; > - * } > - * rel2 { > - * offset: -2 -5; > - * } > - * fill { > - * smooth: 0; > - * size { > - * relative: 0 0; > - * offset: 200 200; > - * } > - * } > - * } > - * } */ > - > - part { > - name: "e.swallow.content"; > - type: SWALLOW; > - clip_to: "transitions_clip"; > - description { > - state: "default" 0.0; > - rel1 { > - offset: 5 7; > - } > - rel2 { > - offset: -5 -7; > - } > - } > - } > - > - part { > - name: "transitions_clip"; > - type: RECT; > - mouse_events: 1; > - description { > - state: "default" 0.0; > - color: 255 255 255 128; > - rel1 { > - offset: 3 4; > - } > - rel2 { > - offset: -2 -5; > - } > - } > - description { > - state: "active" 0.0; > - inherit: "default" 0.0; > - color: 255 255 255 255; > - } > - description { > - state: "drag" 0.0; > - inherit: "default" 0.0; > - color: 255 255 255 64; > - } > - } > - > - part { > - name: "overlay_clip"; > - type: RECT; > - mouse_events: 0; > - description { > - state: "default" 0.0; > - /* color_class: "focus"; */ > - /* color: 75 115 199 128; */ > - color: 200 200 200 255; > - rel1.to: "background"; > - rel1.offset: 3 1; > - rel2.to: "background"; > - rel2.offset: -4 -3; > - } > - } > - > - part { > - name: "overlay_left"; > + name: "background"; > type: IMAGE; > mouse_events: 0; > - clip_to: "overlay_clip"; > description { > state: "default" 0.0; > - image.normal: "images/pager_im2.png"; > - image.border: 2 2 2 2; > - color: 255 255 255 32; > - rel1 { > - to: "transitions_clip"; > - relative: 0.0 0.0; > - offset: 0 0; > + image { > + normal: "images/pager_im6.png"; > + border: 1 1 10 10; > } > - rel2 { > - to: "transitions_clip"; > - relative: 1.0 0.5; > - offset: 0 0; > - } > } > - description { > - state: "active" 0.0; > - inherit: "default" 0.0; > - rel1 { > - to: "transitions_clip"; > - relative: 0.0 0.0; > - offset: 0 0; > - } > - rel2 { > - to: "transitions_clip"; > - relative: 1.0 0.0; > - offset: -1 -1; > - } > - } > } > > part { > - name: "overlay_right"; > - type: IMAGE; > + name: "focus"; > + type: RECT; > mouse_events: 0; > - clip_to: "overlay_clip"; > description { > state: "default" 0.0; > - image.normal: "images/pager_im3.png"; > - image.border: 2 2 2 2; > - color: 255 255 255 32; > - rel1 { > - to: "transitions_clip"; > - relative: 0.0 0.5; > - offset: 0 0; > - } > - rel2 { > - to: "transitions_clip"; > - relative: 1.0 1.0; > - offset: 0 -1; > - } > + rel1.offset: 1 3; > + rel2.offset: -2 -4; > + color: 255 255 255 0; > + color_class: "focus"; > + visible: 0; > } > description { > state: "active" 0.0; > inherit: "default" 0.0; > - rel1 { > - to: "transitions_clip"; > - relative: 0.0 1.0; > - offset: 0 0; > - } > - rel2 { > - to: "transitions_clip"; > - relative: 1.0 1.0; > - offset: -1 -1; > - } > + color: 255 255 255 255; > + visible: 1; > } > } > > part { > - name: "background"; > - type: IMAGE; > - mouse_events: 0; > + name: "e.swallow.content"; > + type: SWALLOW; > description { > state: "default" 0.0; > - rel1 { > - offset: 0 3; > - } > - rel2 { > - offset: 1 -3; > - } > - image { > - normal: "images/pager_im6.png"; > - border: 7 7 7 8; > - } > + rel1.offset: 1 4; > + rel2.offset: -2 -5; > } > } > > part { > - name: "focus"; > - type: IMAGE; > - mouse_events: 0; > + name: "event"; > + type: RECT; > + repeat_events: 1; > description { > state: "default" 0.0; > - /* color: 192 192 192 255; */ > - color: 80 80 80 255; > - rel1 { > - to: "background"; > - relative: 0.0 0.0; > - offset: 1 -1; > - } > - rel2 { > - to: "background"; > - relative: 1.0 1.0; > - offset: -2 0; > - } > - image { /* unfocused */ > - normal: "images/pager_im0.png"; > - border: 7 7 7 7; > - } > - } > - description { > - state: "active" 0.0; > - inherit: "default" 0.0; > - /* color: 255 255 255 192; */ > - image { > - normal: "images/pager_im0.png"; > - border: 7 7 7 7; > - } > - color_class: "focus"; > - } > - } > - > - part { > - name: "event"; > - type: RECT; > - repeat_events: 1; > - description { > - state: "default" 0.0; > color: 255 255 255 0; > rel1 { > relative: 0.0 0.0; > @@ -400,121 +203,11 @@ > relative: 1.0 1.0; > offset: -1 -1; > } > - } > - } > -/* > - > - part { > - name: "e.text.label"; > - type: TEXT; > - effect: SHADOW; > - mouse_events: 0; > - scale: 1; > - description { > - state: "default" 0.0; > - color: 255 255 255 0; > - color3: 7 7 7 0; > - color_class: "module_label"; > - rel1 { > - offset: 0 3; > - } > - rel2 { > - offset: 1 -3; > - } > - text { > - font: "Sans:style=Bold"; > - size: 8; > - align: 0.5 0.5; > - text_class: "module_small"; > - } > } > - description { > - state: "active" 0.0; > - inherit: "default" 0.0; > - color: 255 255 255 221; > - color3: 7 7 7 36; > - } > } > -*/ > } > programs { > program { > - name: "init"; > - signal: "load"; > - source: ""; > - script { > - set_int(active, 0); > - set_int(drag, 0); > - } > - } > - program { > - name: "pager_active"; > - signal: "e,state,selected"; > - source: "e"; > - action: STATE_SET "active" 0.0; > - target: "transitions_clip"; > - target: "gradient"; > - } > - program { > - name: "pager_unselected"; > - signal: "e,state,unselected"; > - source: "e"; > - action: STATE_SET "default" 0.0; > - target: "transitions_clip"; > - target: "gradient"; > - } > - program { > - name: "set_active"; > - signal: "e,state,selected"; > - source: "e"; > - script { > - set_int(active, 1); > - } > - } > - program { > - name: "drag_in"; > - signal: "e,action,drag,in"; > - source: "e"; > - script { > - if (get_int(drag) == 0) { > - set_state(PART:"transitions_clip", > "drag", 0.0); > - set_int(drag, 1); > - } > - } > - } > - program { > - name: "drag_out"; > - signal: "e,action,drag,out"; > - source: "e"; > - script { > - if (get_int(drag) == 1) { > - if (get_int(active) == 1) > - set_state(PART:"transitions_clip", > "active", 0.0); > - else > - set_state(PART:"transitions_clip", > "default", 0.0); > - set_int(drag, 0); > - } > - } > - } > - program { > - name: "selected"; > - signal: "e,state,selected"; > - source: "e"; > - action: STATE_SET "active" 0.0; > - transition: ACCELERATE 0.2; > - target: "overlay_left"; > - target: "overlay_right"; > - } > - program { > - name: "unselected"; > - signal: "e,state,unselected"; > - source: "e"; > - action: STATE_SET "default" 0.0; > - transition: DECELERATE 0.2; > - target: "overlay_left"; > - target: "overlay_right"; > - } > - program { > name: "focused"; > signal: "e,state,selected"; > source: "e"; > @@ -528,102 +221,59 @@ > action: STATE_SET "default" 0.0; > target: "focus"; > } > -/* > - program { > - name: "name_show"; > - signal: "mouse,in"; > - source: "transitions_clip"; > - action: STATE_SET "active" 0.0; > - transition: SINUSOIDAL 0.1; > - target: "e.text.label"; > - } > - program { > - name: "name_hide"; > - signal: "mouse,out"; > - source: "transitions_clip"; > - action: STATE_SET "default" 0.0; > - transition: SINUSOIDAL 0.2; > - target: "e.text.label"; > - } > -*/ > } > } > > group { > name: "e/modules/pager/window"; > parts { > - > + part { name: "urgent-clipper"; > + type: RECT; > + description { state: "default" 0.0; > + } > + description { state: "urgent" 0.0; > + color: 239 110 32 255; > + } > + } > part { > name: "pager_window"; > type: IMAGE; > + clip_to: "urgent-clipper"; > description { > state: "default" 0.0; > rel1 { > relative: 0.0 0.0; > - offset: -2 -2; > + offset: -1 -1; > } > rel2 { > relative: 1.0 1.0; > - offset: 3 3; > + offset: 2 2; > } > image { > normal: "images/pager_im7.png"; > border: 5 5 5 6; > } > + color: 255 255 255 128; > } > description { > state: "focused" 0.0; > inherit: "default" 0.0; > - image { > - normal: "images/pager_im1.png"; > - border: 5 5 7 6; > - } > + color: 255 255 255 255; > } > } > > - part { > - name: "overlay"; > - type: IMAGE; > - description { > - state: "default" 0.0; > - color: 255 255 255 255; > - rel1 { > - relative: 0.0 0.0; > - offset: -2 -2; > - } > - rel2 { > - relative: 1.0 1.0; > - offset: 3 3; > - } > - image { > - normal: "images/pager_im7.png"; > - border: 5 5 7 6; > - } > + part { name: "icon-clipper"; > + type: RECT; > + description { state: "default" 0.0; > } > - description { > - state: "focused" 0.0; > - inherit: "default" 0.0; > - image { > - normal: "images/pager_im1.png"; > - border: 5 5 7 6; > - } > + description { state: "hidden" 0.0; > + visible: 0; > } > - description { > - state: "urgent" 0.0; > - inherit: "default" 0.0; > - color: 255 255 255 0; > - rel1 { > - relative: -0.5 -0.5; > - } > - rel2 { > - relative: 1.5 1.5; > - } > - } > } > - > part { > name: "e.swallow.icon"; > type: SWALLOW; > + clip_to: "icon-clipper"; > description { > state: "default" 0.0; > align: 1.0 1.0; > @@ -631,24 +281,46 @@ > aspect: 1.0 1.0; > aspect_preference: BOTH; > rel1 { > - to: "overlay"; > + to: "pager_window"; > offset: 6 6; > } > rel2 { > - to: "overlay"; > + to: "pager_window"; > offset: -5 -5; > } > + visible: 0; > } > + description { > + state: "focused" 0.0; > + inherit: "default" 0.0; > + visible: 1; > + } > } > } > programs { > program { > + signal: "load"; > + after: "resize"; > + } > + program { > + name: "resize"; > + signal: "resize"; > + script { > + new x, y, w, h; > + get_geometry(PART:"e.swallow.icon", x, y, w, > h); > + if ((w < 16) || (h < 16)) > + set_state(PART:"icon-clipper", > "hidden", 0.0); > + else > + set_state(PART:"icon-clipper", > "default", 0.0); > + } > + } > + program { > name: "focused"; > signal: "e,state,focused"; > source: "e"; > action: STATE_SET "focused" 0.0; > target: "pager_window"; > - target: "overlay"; > + target: "e.swallow.icon"; > } > program { > name: "unfocused"; > @@ -656,21 +328,21 @@ > source: "e"; > action: STATE_SET "default" 0.0; > target: "pager_window"; > - target: "overlay"; > + target: "e.swallow.icon"; > } > program { > name: "go"; > signal: "e,state,urgent"; > source: "e"; > action: STATE_SET "default" 0.0; > - target: "overlay"; > + target: "urgent-clipper"; > after: "go2"; > } > program { > name: "go2"; > action: STATE_SET "urgent" 0.0; > transition: LINEAR 1.0; > - target: "overlay"; > + target: "urgent-clipper"; > after: "go"; > } > program { > @@ -685,7 +357,7 @@ > program { > name: "stop2"; > action: STATE_SET "default" 0.0; > - target: "overlay"; > + target: "urgent-clipper"; > } > } > } > > Modified: trunk/THEMES/detourious/images/pager_im6.png > =================================================================== > (Binary files differ) > > > ------------------------------------------------------------------------------ > RSA(R) Conference 2012 > Save $700 by Nov 18 > Register now > http://p.sf.net/sfu/rsa-sfdev2dev1 > _______________________________________________ > enlightenment-svn mailing list > enlightenment-...@lists.sourceforge.net > https://lists.sourceforge.net/lists/listinfo/enlightenment-svn > ------------------------------------------------------------------------------ RSA(R) Conference 2012 Save $700 by Nov 18 Register now http://p.sf.net/sfu/rsa-sfdev2dev1 _______________________________________________ enlightenment-devel mailing list enlightenment-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/enlightenment-devel
