TH - tooltips
|
@ -3,10 +3,10 @@ group { name: "elm/label/base/tooltip/default";
|
||||||
alias: "elm/label/base/tooltip/transparent";
|
alias: "elm/label/base/tooltip/transparent";
|
||||||
styles {
|
styles {
|
||||||
style { name: "tooltip_style";
|
style { name: "tooltip_style";
|
||||||
base: "font="FN" font_size=10 color=#ffffff style=shadow,bottom shadow_color=#00000080 text_class=bubble";
|
base: "font="FNBD" font_size=10 color=#ffffff text_class=bubble align=0.5";
|
||||||
tag: "br" "\n";
|
tag: "br" "\n";
|
||||||
tag: "hilight" "+ font="FN" text_class=bubble";
|
tag: "hilight" "+ font="FNBD" text_class=bubble color=#ff9933";
|
||||||
tag: "b" "+ font="FN" text_class=bubble";
|
tag: "b" "+ font="FNBD" text_class=bubble color=#3399ff";
|
||||||
tag: "tab" "\t";
|
tag: "tab" "\t";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -35,7 +35,6 @@ group { name: "elm/tooltip/base/default";
|
||||||
data.item: "hide_timeout" "0.35";
|
data.item: "hide_timeout" "0.35";
|
||||||
// if in a window... it's transparent!
|
// if in a window... it's transparent!
|
||||||
data.item: "transparent" "enabled";
|
data.item: "transparent" "enabled";
|
||||||
images.image: "tooltip-base.png" COMP;
|
|
||||||
images.image: "tooltip-corner-top-left-tip.png" COMP;
|
images.image: "tooltip-corner-top-left-tip.png" COMP;
|
||||||
images.image: "tooltip-corner-top-right-tip.png" COMP;
|
images.image: "tooltip-corner-top-right-tip.png" COMP;
|
||||||
images.image: "tooltip-corner-bottom-left-tip.png" COMP;
|
images.image: "tooltip-corner-bottom-left-tip.png" COMP;
|
||||||
|
@ -145,40 +144,39 @@ group { name: "elm/tooltip/base/default";
|
||||||
}
|
}
|
||||||
parts {
|
parts {
|
||||||
part { name: "clipper"; type: RECT;
|
part { name: "clipper"; type: RECT;
|
||||||
|
scale: 1;
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
color: 255 255 255 0;
|
color: 255 255 255 0;
|
||||||
rel1 { to: "pop"; offset: -5 -5; }
|
rel1 { to: "pop"; offset: -500 -500; }
|
||||||
rel2 { to: "pop"; offset: 5 5; }
|
rel2 { to: "pop"; offset: 499 499; }
|
||||||
|
offscale;
|
||||||
}
|
}
|
||||||
description { state: "visible" 0.0;
|
description { state: "visible" 0.0;
|
||||||
inherit: "default" 0.0;
|
inherit: "default" 0.0;
|
||||||
color: 255 255 255 255;
|
color: 255 255 255 255;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
part { name: "pop"; mouse_events: 0;
|
part { name: "shadow"; mouse_events: 0;
|
||||||
clip_to: "clipper";
|
clip_to: "clipper";
|
||||||
scale: 1;
|
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
min: 30 30;
|
rel.to: "pop";
|
||||||
rel1 {
|
WIN_SHADOW;
|
||||||
to: "elm.swallow.content";
|
}
|
||||||
offset: -5 -4;
|
}
|
||||||
}
|
part { name: "pop"; type: RECT; mouse_events: 0;
|
||||||
rel2 {
|
scale: 1;
|
||||||
to: "elm.swallow.content";
|
clip_to: "clipper";
|
||||||
offset: 4 5;
|
description { state: "default" 0.0;
|
||||||
}
|
rel.to: "elm.swallow.content";
|
||||||
image {
|
rel1.offset: -10 -10;
|
||||||
normal: "tooltip-base.png";
|
rel2.offset: 9 9;
|
||||||
border: 7 7 6 8;
|
color: 0 0 0 192;
|
||||||
}
|
offscale;
|
||||||
image.middle: SOLID;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#define TT_CORNER(name_, rx, ry, ax, ay, ox, oy) \
|
#define TT_CORNER(name_, rx, ry, ax, ay, ox, oy) \
|
||||||
part { name: "corner-"name_; mouse_events: 0; \
|
part { name: "corner-"name_; mouse_events: 0; \
|
||||||
clip_to: "clipper"; \
|
clip_to: "clipper"; \
|
||||||
scale: 1; \
|
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
visible: 0; \
|
visible: 0; \
|
||||||
align: ax ay; \
|
align: ax ay; \
|
||||||
|
@ -194,16 +192,17 @@ group { name: "elm/tooltip/base/default";
|
||||||
to: "pop"; \
|
to: "pop"; \
|
||||||
} \
|
} \
|
||||||
image.normal: "tooltip-corner-"name_"-tip.png"; \
|
image.normal: "tooltip-corner-"name_"-tip.png"; \
|
||||||
|
color: 0 0 0 192; \
|
||||||
} \
|
} \
|
||||||
description { state: "visible" 0.0; \
|
description { state: "visible" 0.0; \
|
||||||
inherit: "default" 0.0; \
|
inherit: "default" 0.0; \
|
||||||
visible: 1; \
|
visible: 1; \
|
||||||
} \
|
} \
|
||||||
}
|
}
|
||||||
TT_CORNER("top-left", 0, 0, 0, 0, -4, -5);
|
TT_CORNER("top-left", 0, 0, 0, 0, -6, -6);
|
||||||
TT_CORNER("top-right", 1, 0, 1, 0, 3, -5);
|
TT_CORNER("top-right", 1, 0, 1, 0, 5, -6);
|
||||||
TT_CORNER("bottom-left", 0, 1, 0, 1, -4, 2);
|
TT_CORNER("bottom-left", 0, 1, 0, 1, -6, 5);
|
||||||
TT_CORNER("bottom-right", 1, 1, 1, 1, 3, 2);
|
TT_CORNER("bottom-right", 1, 1, 1, 1, 5, 5);
|
||||||
#undef TT_CORNER
|
#undef TT_CORNER
|
||||||
|
|
||||||
#define TT_EDGE_VERT(name_, rx, ax, ox) \
|
#define TT_EDGE_VERT(name_, rx, ax, ox) \
|
||||||
|
@ -211,18 +210,18 @@ group { name: "elm/tooltip/base/default";
|
||||||
clip_to: "clipper"; \
|
clip_to: "clipper"; \
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
visible: 0; \
|
visible: 0; \
|
||||||
min: 9 13; \
|
min: 12 11; \
|
||||||
align: ax 0.5; \
|
align: ax 0.5; \
|
||||||
fixed: 1 1; \
|
fixed: 1 1; \
|
||||||
rel1 { \
|
rel1 { \
|
||||||
relative: rx 0.0; \
|
relative: rx 0.0; \
|
||||||
offset: ox 0; \
|
offset: ox 0; \
|
||||||
to: "elm.swallow.content"; \
|
to: "pop"; \
|
||||||
} \
|
} \
|
||||||
rel2 { \
|
rel2 { \
|
||||||
relative: rx 1.0; \
|
relative: rx 1.0; \
|
||||||
offset: ox 0; \
|
offset: ox 0; \
|
||||||
to: "elm.swallow.content"; \
|
to: "pop"; \
|
||||||
} \
|
} \
|
||||||
} \
|
} \
|
||||||
description { state: "visible" 0.0; \
|
description { state: "visible" 0.0; \
|
||||||
|
@ -232,27 +231,25 @@ group { name: "elm/tooltip/base/default";
|
||||||
} \
|
} \
|
||||||
part { name: "edge-area-"name_; type: RECT; mouse_events: 0; \
|
part { name: "edge-area-"name_; type: RECT; mouse_events: 0; \
|
||||||
clip_to: "clipper-edge-"name_; \
|
clip_to: "clipper-edge-"name_; \
|
||||||
scale: 1; \
|
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
color: 0 0 0 0; \
|
color: 0 0 0 0; \
|
||||||
min: 9 13; \
|
min: 12 11; \
|
||||||
align: ax 0.5; \
|
align: ax 0.5; \
|
||||||
fixed: 1 1; \
|
fixed: 1 1; \
|
||||||
rel1 { \
|
rel1 { \
|
||||||
relative: rx 0.0; \
|
relative: rx 0.0; \
|
||||||
offset: ox 0; \
|
offset: ox 0; \
|
||||||
to: "elm.swallow.content"; \
|
to: "pop"; \
|
||||||
} \
|
} \
|
||||||
rel2 { \
|
rel2 { \
|
||||||
relative: rx 1.0; \
|
relative: rx 1.0; \
|
||||||
offset: ox 0; \
|
offset: ox 0; \
|
||||||
to: "elm.swallow.content"; \
|
to: "pop"; \
|
||||||
} \
|
} \
|
||||||
} \
|
} \
|
||||||
} \
|
} \
|
||||||
part { name: "edge-drag-"name_; type: RECT; mouse_events: 0; \
|
part { name: "edge-drag-"name_; type: RECT; mouse_events: 0; \
|
||||||
clip_to: "clipper-edge-"name_; \
|
clip_to: "clipper-edge-"name_; \
|
||||||
scale: 1; \
|
|
||||||
dragable { \
|
dragable { \
|
||||||
x: 0 0 0; \
|
x: 0 0 0; \
|
||||||
y: 1 1 0; \
|
y: 1 1 0; \
|
||||||
|
@ -260,43 +257,41 @@ group { name: "elm/tooltip/base/default";
|
||||||
} \
|
} \
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
color: 0 0 0 0; \
|
color: 0 0 0 0; \
|
||||||
min: 9 13; \
|
min: 12 11; \
|
||||||
rel1.to: "edge-area-"name_; \
|
rel.to: "edge-area-"name_; \
|
||||||
rel2.to: "edge-area-"name_; \
|
|
||||||
} \
|
} \
|
||||||
} \
|
} \
|
||||||
part { name: "edge-img-"name_; mouse_events: 0; \
|
part { name: "edge-img-"name_; mouse_events: 0; \
|
||||||
clip_to: "clipper-edge-"name_; \
|
clip_to: "clipper-edge-"name_; \
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
FIXED_SIZE(9, 13) \
|
FIXED_SIZE(12, 11) \
|
||||||
align: ax 0.5; \
|
align: ax 0.5; \
|
||||||
rel1.to: "edge-drag-"name_; \
|
rel.to: "edge-drag-"name_; \
|
||||||
rel2.to: "edge-drag-"name_; \
|
|
||||||
image.normal: "tooltip-edge-"name_"-tip.png"; \
|
image.normal: "tooltip-edge-"name_"-tip.png"; \
|
||||||
|
color: 0 0 0 192; \
|
||||||
} \
|
} \
|
||||||
}
|
}
|
||||||
TT_EDGE_VERT("left", 0, 1, -3);
|
TT_EDGE_VERT("left", 0, 0, -6);
|
||||||
TT_EDGE_VERT("right", 1, 0, 2);
|
TT_EDGE_VERT("right", 1, 1, 5);
|
||||||
#undef TT_EDGE_VERT
|
#undef TT_EDGE_VERT
|
||||||
|
|
||||||
#define TT_EDGE_HORIZ(name_, ry, ay, oy) \
|
#define TT_EDGE_HORIZ(name_, ry, ay, oy) \
|
||||||
part { name: "clipper-edge-"name_; type: RECT; \
|
part { name: "clipper-edge-"name_; type: RECT; \
|
||||||
clip_to: "clipper"; \
|
clip_to: "clipper"; \
|
||||||
scale: 1; \
|
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
visible: 0; \
|
visible: 0; \
|
||||||
min: 11 9; \
|
min: 11 12; \
|
||||||
align: 0.5 ay; \
|
align: 0.5 ay; \
|
||||||
fixed: 1 1; \
|
fixed: 1 1; \
|
||||||
rel1 { \
|
rel1 { \
|
||||||
relative: 0.0 ry; \
|
relative: 0.0 ry; \
|
||||||
offset: 0 oy; \
|
offset: 0 oy; \
|
||||||
to: "elm.swallow.content"; \
|
to: "pop"; \
|
||||||
} \
|
} \
|
||||||
rel2 { \
|
rel2 { \
|
||||||
relative: 1.0 ry; \
|
relative: 1.0 ry; \
|
||||||
offset: 0 oy; \
|
offset: 0 oy; \
|
||||||
to: "elm.swallow.content"; \
|
to: "pop"; \
|
||||||
} \
|
} \
|
||||||
} \
|
} \
|
||||||
description { state: "visible" 0.0; \
|
description { state: "visible" 0.0; \
|
||||||
|
@ -306,19 +301,16 @@ group { name: "elm/tooltip/base/default";
|
||||||
} \
|
} \
|
||||||
part { name: "edge-area-"name_; type: RECT; mouse_events: 0; \
|
part { name: "edge-area-"name_; type: RECT; mouse_events: 0; \
|
||||||
clip_to: "clipper-edge-"name_; \
|
clip_to: "clipper-edge-"name_; \
|
||||||
scale: 1; \
|
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
color: 0 0 0 0; \
|
color: 0 0 0 0; \
|
||||||
min: 11 9; \
|
min: 11 12; \
|
||||||
align: 0.5 ay; \
|
align: 0.5 ay; \
|
||||||
fixed: 1 1; \
|
fixed: 1 1; \
|
||||||
rel1.to: "clipper-edge-"name_; \
|
rel.to: "clipper-edge-"name_; \
|
||||||
rel2.to: "clipper-edge-"name_; \
|
|
||||||
} \
|
} \
|
||||||
} \
|
} \
|
||||||
part { name: "edge-drag-"name_; type: RECT; mouse_events: 0; \
|
part { name: "edge-drag-"name_; type: RECT; mouse_events: 0; \
|
||||||
clip_to: "clipper-edge-"name_; \
|
clip_to: "clipper-edge-"name_; \
|
||||||
scale: 1; \
|
|
||||||
dragable { \
|
dragable { \
|
||||||
x: 1 1 0; \
|
x: 1 1 0; \
|
||||||
y: 0 0 0; \
|
y: 0 0 0; \
|
||||||
|
@ -326,30 +318,28 @@ group { name: "elm/tooltip/base/default";
|
||||||
} \
|
} \
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
color: 0 0 0 0; \
|
color: 0 0 0 0; \
|
||||||
min: 11 9; \
|
min: 11 12; \
|
||||||
rel1.to: "edge-area-"name_; \
|
rel.to: "edge-area-"name_; \
|
||||||
rel2.to: "edge-area-"name_; \
|
|
||||||
} \
|
} \
|
||||||
} \
|
} \
|
||||||
part { name: "edge-img-"name_; mouse_events: 0; \
|
part { name: "edge-img-"name_; mouse_events: 0; \
|
||||||
clip_to: "clipper-edge-"name_; \
|
clip_to: "clipper-edge-"name_; \
|
||||||
scale: 1; \
|
|
||||||
description { state: "default" 0.0; \
|
description { state: "default" 0.0; \
|
||||||
FIXED_SIZE(11, 9) \
|
FIXED_SIZE(11, 12) \
|
||||||
align: 0.5 ay; \
|
align: 0.5 ay; \
|
||||||
rel1.to: "edge-drag-"name_; \
|
rel.to: "edge-drag-"name_; \
|
||||||
rel2.to: "edge-drag-"name_; \
|
|
||||||
image.normal: "tooltip-edge-"name_"-tip.png"; \
|
image.normal: "tooltip-edge-"name_"-tip.png"; \
|
||||||
|
color: 0 0 0 192; \
|
||||||
} \
|
} \
|
||||||
}
|
}
|
||||||
TT_EDGE_HORIZ("top", 0, 1, -1);
|
TT_EDGE_HORIZ("top", 0, 0, -6);
|
||||||
TT_EDGE_HORIZ("bottom", 1, 0, 1);
|
TT_EDGE_HORIZ("bottom", 1, 1, 5);
|
||||||
#undef TT_EDGE_HORIZ
|
#undef TT_EDGE_HORIZ
|
||||||
|
|
||||||
part { name: "clipper_content"; type: RECT;
|
part { name: "clipper_content"; type: RECT;
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
color: 255 255 255 0;
|
color: 255 255 255 0;
|
||||||
rel1.to: "elm.swallow.content";
|
rel.to: "elm.swallow.content";
|
||||||
rel2.to: "elm.swallow.content";
|
|
||||||
}
|
}
|
||||||
description { state: "visible" 0.0;
|
description { state: "visible" 0.0;
|
||||||
inherit: "default" 0.0;
|
inherit: "default" 0.0;
|
||||||
|
@ -358,9 +348,12 @@ group { name: "elm/tooltip/base/default";
|
||||||
}
|
}
|
||||||
part { name: "elm.swallow.content"; type: SWALLOW;
|
part { name: "elm.swallow.content"; type: SWALLOW;
|
||||||
clip_to: "clipper_content";
|
clip_to: "clipper_content";
|
||||||
|
scale: 1;
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
rel1.offset: 10 10;
|
min: 48 24;
|
||||||
rel2.offset: -11 -11;
|
rel1.offset: 20 20;
|
||||||
|
rel2.offset: -21 -21;
|
||||||
|
offscale;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
programs {
|
programs {
|
||||||
|
|
Before Width: | Height: | Size: 431 B After Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 442 B After Width: | Height: | Size: 3.4 KiB |
Before Width: | Height: | Size: 475 B After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 467 B After Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 286 B After Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 357 B After Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 305 B After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 279 B After Width: | Height: | Size: 4.1 KiB |
|
@ -0,0 +1,69 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="12"
|
||||||
|
height="12"
|
||||||
|
viewBox="0 0 3.175 3.175"
|
||||||
|
version="1.1"
|
||||||
|
id="svg8"
|
||||||
|
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||||
|
sodipodi:docname="tooltip_corner.svg">
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#404040"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="102.25"
|
||||||
|
inkscape:cx="6"
|
||||||
|
inkscape:cy="6"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="true"
|
||||||
|
units="px"
|
||||||
|
width="12px"
|
||||||
|
inkscape:showpageshadow="false"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="2560"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="1">
|
||||||
|
<inkscape:grid
|
||||||
|
type="xygrid"
|
||||||
|
id="grid815" />
|
||||||
|
</sodipodi:namedview>
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,-293.825)">
|
||||||
|
<path
|
||||||
|
style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
|
||||||
|
d="M 3.175,295.4125 0,293.825 1.5875,297 v -1.5875 z"
|
||||||
|
id="path819"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 2.0 KiB |