summaryrefslogtreecommitdiff
path: root/data/elementary/themes
diff options
context:
space:
mode:
authorCarsten Haitzler (Rasterman) <raster@rasterman.com>2019-11-08 09:42:37 +0000
committerCarsten Haitzler (Rasterman) <raster@rasterman.com>2019-11-08 09:42:37 +0000
commit5495ab875344cc04b9c01efb3542f8b5ac0bc9d0 (patch)
tree7dceb870ff4f71bf5a97f34b487cad71d55fff24 /data/elementary/themes
parent12000206c1725e13d79f7754527d95056ad079fd (diff)
TH - tooltips
Diffstat (limited to 'data/elementary/themes')
-rw-r--r--data/elementary/themes/edc/elm/tooltip.edc121
-rw-r--r--data/elementary/themes/img/tooltip-corner-bottom-left-tip.pngbin431 -> 4106 bytes
-rw-r--r--data/elementary/themes/img/tooltip-corner-bottom-right-tip.pngbin442 -> 3441 bytes
-rw-r--r--data/elementary/themes/img/tooltip-corner-top-left-tip.pngbin475 -> 3719 bytes
-rw-r--r--data/elementary/themes/img/tooltip-corner-top-right-tip.pngbin467 -> 3816 bytes
-rw-r--r--data/elementary/themes/img/tooltip-edge-bottom-tip.pngbin286 -> 3172 bytes
-rw-r--r--data/elementary/themes/img/tooltip-edge-left-tip.pngbin357 -> 4062 bytes
-rw-r--r--data/elementary/themes/img/tooltip-edge-right-tip.pngbin305 -> 3713 bytes
-rw-r--r--data/elementary/themes/img/tooltip-edge-top-tip.pngbin279 -> 4213 bytes
-rw-r--r--data/elementary/themes/img/tooltip_corner.svg69
10 files changed, 126 insertions, 64 deletions
diff --git a/data/elementary/themes/edc/elm/tooltip.edc b/data/elementary/themes/edc/elm/tooltip.edc
index 82d1df69bf..7854305e39 100644
--- a/data/elementary/themes/edc/elm/tooltip.edc
+++ b/data/elementary/themes/edc/elm/tooltip.edc
@@ -3,10 +3,10 @@ group { name: "elm/label/base/tooltip/default";
3 alias: "elm/label/base/tooltip/transparent"; 3 alias: "elm/label/base/tooltip/transparent";
4 styles { 4 styles {
5 style { name: "tooltip_style"; 5 style { name: "tooltip_style";
6 base: "font="FN" font_size=10 color=#ffffff style=shadow,bottom shadow_color=#00000080 text_class=bubble"; 6 base: "font="FNBD" font_size=10 color=#ffffff text_class=bubble align=0.5";
7 tag: "br" "\n"; 7 tag: "br" "\n";
8 tag: "hilight" "+ font="FN" text_class=bubble"; 8 tag: "hilight" "+ font="FNBD" text_class=bubble color=#ff9933";
9 tag: "b" "+ font="FN" text_class=bubble"; 9 tag: "b" "+ font="FNBD" text_class=bubble color=#3399ff";
10 tag: "tab" "\t"; 10 tag: "tab" "\t";
11 } 11 }
12 } 12 }
@@ -35,7 +35,6 @@ group { name: "elm/tooltip/base/default";
35 data.item: "hide_timeout" "0.35"; 35 data.item: "hide_timeout" "0.35";
36 // if in a window... it's transparent! 36 // if in a window... it's transparent!
37 data.item: "transparent" "enabled"; 37 data.item: "transparent" "enabled";
38 images.image: "tooltip-base.png" COMP;
39 images.image: "tooltip-corner-top-left-tip.png" COMP; 38 images.image: "tooltip-corner-top-left-tip.png" COMP;
40 images.image: "tooltip-corner-top-right-tip.png" COMP; 39 images.image: "tooltip-corner-top-right-tip.png" COMP;
41 images.image: "tooltip-corner-bottom-left-tip.png" COMP; 40 images.image: "tooltip-corner-bottom-left-tip.png" COMP;
@@ -145,40 +144,39 @@ group { name: "elm/tooltip/base/default";
145 } 144 }
146 parts { 145 parts {
147 part { name: "clipper"; type: RECT; 146 part { name: "clipper"; type: RECT;
147 scale: 1;
148 description { state: "default" 0.0; 148 description { state: "default" 0.0;
149 color: 255 255 255 0; 149 color: 255 255 255 0;
150 rel1 { to: "pop"; offset: -5 -5; } 150 rel1 { to: "pop"; offset: -500 -500; }
151 rel2 { to: "pop"; offset: 5 5; } 151 rel2 { to: "pop"; offset: 499 499; }
152 offscale;
152 } 153 }
153 description { state: "visible" 0.0; 154 description { state: "visible" 0.0;
154 inherit: "default" 0.0; 155 inherit: "default" 0.0;
155 color: 255 255 255 255; 156 color: 255 255 255 255;
156 } 157 }
157 } 158 }
158 part { name: "pop"; mouse_events: 0; 159 part { name: "shadow"; mouse_events: 0;
159 clip_to: "clipper"; 160 clip_to: "clipper";
161 description { state: "default" 0.0;
162 rel.to: "pop";
163 WIN_SHADOW;
164 }
165 }
166 part { name: "pop"; type: RECT; mouse_events: 0;
160 scale: 1; 167 scale: 1;
168 clip_to: "clipper";
161 description { state: "default" 0.0; 169 description { state: "default" 0.0;
162 min: 30 30; 170 rel.to: "elm.swallow.content";
163 rel1 { 171 rel1.offset: -10 -10;
164 to: "elm.swallow.content"; 172 rel2.offset: 9 9;
165 offset: -5 -4; 173 color: 0 0 0 192;
166 } 174 offscale;
167 rel2 {
168 to: "elm.swallow.content";
169 offset: 4 5;
170 }
171 image {
172 normal: "tooltip-base.png";
173 border: 7 7 6 8;
174 }
175 image.middle: SOLID;
176 } 175 }
177 } 176 }
178 #define TT_CORNER(name_, rx, ry, ax, ay, ox, oy) \ 177 #define TT_CORNER(name_, rx, ry, ax, ay, ox, oy) \
179 part { name: "corner-"name_; mouse_events: 0; \ 178 part { name: "corner-"name_; mouse_events: 0; \
180 clip_to: "clipper"; \ 179 clip_to: "clipper"; \
181 scale: 1; \
182 description { state: "default" 0.0; \ 180 description { state: "default" 0.0; \
183 visible: 0; \ 181 visible: 0; \
184 align: ax ay; \ 182 align: ax ay; \
@@ -194,16 +192,17 @@ group { name: "elm/tooltip/base/default";
194 to: "pop"; \ 192 to: "pop"; \
195 } \ 193 } \
196 image.normal: "tooltip-corner-"name_"-tip.png"; \ 194 image.normal: "tooltip-corner-"name_"-tip.png"; \
195 color: 0 0 0 192; \
197 } \ 196 } \
198 description { state: "visible" 0.0; \ 197 description { state: "visible" 0.0; \
199 inherit: "default" 0.0; \ 198 inherit: "default" 0.0; \
200 visible: 1; \ 199 visible: 1; \
201 } \ 200 } \
202 } 201 }
203 TT_CORNER("top-left", 0, 0, 0, 0, -4, -5); 202 TT_CORNER("top-left", 0, 0, 0, 0, -6, -6);
204 TT_CORNER("top-right", 1, 0, 1, 0, 3, -5); 203 TT_CORNER("top-right", 1, 0, 1, 0, 5, -6);
205 TT_CORNER("bottom-left", 0, 1, 0, 1, -4, 2); 204 TT_CORNER("bottom-left", 0, 1, 0, 1, -6, 5);
206 TT_CORNER("bottom-right", 1, 1, 1, 1, 3, 2); 205 TT_CORNER("bottom-right", 1, 1, 1, 1, 5, 5);
207 #undef TT_CORNER 206 #undef TT_CORNER
208 207
209 #define TT_EDGE_VERT(name_, rx, ax, ox) \ 208 #define TT_EDGE_VERT(name_, rx, ax, ox) \
@@ -211,18 +210,18 @@ group { name: "elm/tooltip/base/default";
211 clip_to: "clipper"; \ 210 clip_to: "clipper"; \
212 description { state: "default" 0.0; \ 211 description { state: "default" 0.0; \
213 visible: 0; \ 212 visible: 0; \
214 min: 9 13; \ 213 min: 12 11; \
215 align: ax 0.5; \ 214 align: ax 0.5; \
216 fixed: 1 1; \ 215 fixed: 1 1; \
217 rel1 { \ 216 rel1 { \
218 relative: rx 0.0; \ 217 relative: rx 0.0; \
219 offset: ox 0; \ 218 offset: ox 0; \
220 to: "elm.swallow.content"; \ 219 to: "pop"; \
221 } \ 220 } \
222 rel2 { \ 221 rel2 { \
223 relative: rx 1.0; \ 222 relative: rx 1.0; \
224 offset: ox 0; \ 223 offset: ox 0; \
225 to: "elm.swallow.content"; \ 224 to: "pop"; \
226 } \ 225 } \
227 } \ 226 } \
228 description { state: "visible" 0.0; \ 227 description { state: "visible" 0.0; \
@@ -232,27 +231,25 @@ group { name: "elm/tooltip/base/default";
232 } \ 231 } \
233 part { name: "edge-area-"name_; type: RECT; mouse_events: 0; \ 232 part { name: "edge-area-"name_; type: RECT; mouse_events: 0; \
234 clip_to: "clipper-edge-"name_; \ 233 clip_to: "clipper-edge-"name_; \
235 scale: 1; \
236 description { state: "default" 0.0; \ 234 description { state: "default" 0.0; \
237 color: 0 0 0 0; \ 235 color: 0 0 0 0; \
238 min: 9 13; \ 236 min: 12 11; \
239 align: ax 0.5; \ 237 align: ax 0.5; \
240 fixed: 1 1; \ 238 fixed: 1 1; \
241 rel1 { \ 239 rel1 { \
242 relative: rx 0.0; \ 240 relative: rx 0.0; \
243 offset: ox 0; \ 241 offset: ox 0; \
244 to: "elm.swallow.content"; \ 242 to: "pop"; \
245 } \ 243 } \
246 rel2 { \ 244 rel2 { \
247 relative: rx 1.0; \ 245 relative: rx 1.0; \
248 offset: ox 0; \ 246 offset: ox 0; \
249 to: "elm.swallow.content"; \ 247 to: "pop"; \
250 } \ 248 } \
251 } \ 249 } \
252 } \ 250 } \
253 part { name: "edge-drag-"name_; type: RECT; mouse_events: 0; \ 251 part { name: "edge-drag-"name_; type: RECT; mouse_events: 0; \
254 clip_to: "clipper-edge-"name_; \ 252 clip_to: "clipper-edge-"name_; \
255 scale: 1; \
256 dragable { \ 253 dragable { \
257 x: 0 0 0; \ 254 x: 0 0 0; \
258 y: 1 1 0; \ 255 y: 1 1 0; \
@@ -260,43 +257,41 @@ group { name: "elm/tooltip/base/default";
260 } \ 257 } \
261 description { state: "default" 0.0; \ 258 description { state: "default" 0.0; \
262 color: 0 0 0 0; \ 259 color: 0 0 0 0; \
263 min: 9 13; \ 260 min: 12 11; \
264 rel1.to: "edge-area-"name_; \ 261 rel.to: "edge-area-"name_; \
265 rel2.to: "edge-area-"name_; \
266 } \ 262 } \
267 } \ 263 } \
268 part { name: "edge-img-"name_; mouse_events: 0; \ 264 part { name: "edge-img-"name_; mouse_events: 0; \
269 clip_to: "clipper-edge-"name_; \ 265 clip_to: "clipper-edge-"name_; \
270 description { state: "default" 0.0; \ 266 description { state: "default" 0.0; \
271 FIXED_SIZE(9, 13) \ 267 FIXED_SIZE(12, 11) \
272 align: ax 0.5; \ 268 align: ax 0.5; \
273 rel1.to: "edge-drag-"name_; \ 269 rel.to: "edge-drag-"name_; \
274 rel2.to: "edge-drag-"name_; \
275 image.normal: "tooltip-edge-"name_"-tip.png"; \ 270 image.normal: "tooltip-edge-"name_"-tip.png"; \
271 color: 0 0 0 192; \
276 } \ 272 } \
277 } 273 }
278 TT_EDGE_VERT("left", 0, 1, -3); 274 TT_EDGE_VERT("left", 0, 0, -6);
279 TT_EDGE_VERT("right", 1, 0, 2); 275 TT_EDGE_VERT("right", 1, 1, 5);
280 #undef TT_EDGE_VERT 276 #undef TT_EDGE_VERT
281 277
282 #define TT_EDGE_HORIZ(name_, ry, ay, oy) \ 278 #define TT_EDGE_HORIZ(name_, ry, ay, oy) \
283 part { name: "clipper-edge-"name_; type: RECT; \ 279 part { name: "clipper-edge-"name_; type: RECT; \
284 clip_to: "clipper"; \ 280 clip_to: "clipper"; \
285 scale: 1; \
286 description { state: "default" 0.0; \ 281 description { state: "default" 0.0; \
287 visible: 0; \ 282 visible: 0; \
288 min: 11 9; \ 283 min: 11 12; \
289 align: 0.5 ay; \ 284 align: 0.5 ay; \
290 fixed: 1 1; \ 285 fixed: 1 1; \
291 rel1 { \ 286 rel1 { \
292 relative: 0.0 ry; \ 287 relative: 0.0 ry; \
293 offset: 0 oy; \ 288 offset: 0 oy; \
294 to: "elm.swallow.content"; \ 289 to: "pop"; \
295 } \ 290 } \
296 rel2 { \ 291 rel2 { \
297 relative: 1.0 ry; \ 292 relative: 1.0 ry; \
298 offset: 0 oy; \ 293 offset: 0 oy; \
299 to: "elm.swallow.content"; \ 294 to: "pop"; \
300 } \ 295 } \
301 } \ 296 } \
302 description { state: "visible" 0.0; \ 297 description { state: "visible" 0.0; \
@@ -306,19 +301,16 @@ group { name: "elm/tooltip/base/default";
306 } \ 301 } \
307 part { name: "edge-area-"name_; type: RECT; mouse_events: 0; \ 302 part { name: "edge-area-"name_; type: RECT; mouse_events: 0; \
308 clip_to: "clipper-edge-"name_; \ 303 clip_to: "clipper-edge-"name_; \
309 scale: 1; \
310 description { state: "default" 0.0; \ 304 description { state: "default" 0.0; \
311 color: 0 0 0 0; \ 305 color: 0 0 0 0; \
312 min: 11 9; \ 306 min: 11 12; \
313 align: 0.5 ay; \ 307 align: 0.5 ay; \
314 fixed: 1 1; \ 308 fixed: 1 1; \
315 rel1.to: "clipper-edge-"name_; \ 309 rel.to: "clipper-edge-"name_; \
316 rel2.to: "clipper-edge-"name_; \
317 } \ 310 } \
318 } \ 311 } \
319 part { name: "edge-drag-"name_; type: RECT; mouse_events: 0; \ 312 part { name: "edge-drag-"name_; type: RECT; mouse_events: 0; \
320 clip_to: "clipper-edge-"name_; \ 313 clip_to: "clipper-edge-"name_; \
321 scale: 1; \
322 dragable { \ 314 dragable { \
323 x: 1 1 0; \ 315 x: 1 1 0; \
324 y: 0 0 0; \ 316 y: 0 0 0; \
@@ -326,30 +318,28 @@ group { name: "elm/tooltip/base/default";
326 } \ 318 } \
327 description { state: "default" 0.0; \ 319 description { state: "default" 0.0; \
328 color: 0 0 0 0; \ 320 color: 0 0 0 0; \
329 min: 11 9; \ 321 min: 11 12; \
330 rel1.to: "edge-area-"name_; \ 322 rel.to: "edge-area-"name_; \
331 rel2.to: "edge-area-"name_; \
332 } \ 323 } \
333 } \ 324 } \
334 part { name: "edge-img-"name_; mouse_events: 0; \ 325 part { name: "edge-img-"name_; mouse_events: 0; \
335 clip_to: "clipper-edge-"name_; \ 326 clip_to: "clipper-edge-"name_; \
336 scale: 1; \
337 description { state: "default" 0.0; \ 327 description { state: "default" 0.0; \
338 FIXED_SIZE(11, 9) \ 328 FIXED_SIZE(11, 12) \
339 align: 0.5 ay; \ 329 align: 0.5 ay; \
340 rel1.to: "edge-drag-"name_; \ 330 rel.to: "edge-drag-"name_; \
341 rel2.to: "edge-drag-"name_; \
342 image.normal: "tooltip-edge-"name_"-tip.png"; \ 331 image.normal: "tooltip-edge-"name_"-tip.png"; \
332 color: 0 0 0 192; \
343 } \ 333 } \
344 } 334 }
345 TT_EDGE_HORIZ("top", 0, 1, -1); 335 TT_EDGE_HORIZ("top", 0, 0, -6);
346 TT_EDGE_HORIZ("bottom", 1, 0, 1); 336 TT_EDGE_HORIZ("bottom", 1, 1, 5);
347 #undef TT_EDGE_HORIZ 337 #undef TT_EDGE_HORIZ
338
348 part { name: "clipper_content"; type: RECT; 339 part { name: "clipper_content"; type: RECT;
349 description { state: "default" 0.0; 340 description { state: "default" 0.0;
350 color: 255 255 255 0; 341 color: 255 255 255 0;
351 rel1.to: "elm.swallow.content"; 342 rel.to: "elm.swallow.content";
352 rel2.to: "elm.swallow.content";
353 } 343 }
354 description { state: "visible" 0.0; 344 description { state: "visible" 0.0;
355 inherit: "default" 0.0; 345 inherit: "default" 0.0;
@@ -358,9 +348,12 @@ group { name: "elm/tooltip/base/default";
358 } 348 }
359 part { name: "elm.swallow.content"; type: SWALLOW; 349 part { name: "elm.swallow.content"; type: SWALLOW;
360 clip_to: "clipper_content"; 350 clip_to: "clipper_content";
351 scale: 1;
361 description { state: "default" 0.0; 352 description { state: "default" 0.0;
362 rel1.offset: 10 10; 353 min: 48 24;
363 rel2.offset: -11 -11; 354 rel1.offset: 20 20;
355 rel2.offset: -21 -21;
356 offscale;
364 } 357 }
365 } 358 }
366 programs { 359 programs {
diff --git a/data/elementary/themes/img/tooltip-corner-bottom-left-tip.png b/data/elementary/themes/img/tooltip-corner-bottom-left-tip.png
index a9a47d8d61..35f49d49c3 100644
--- a/data/elementary/themes/img/tooltip-corner-bottom-left-tip.png
+++ b/data/elementary/themes/img/tooltip-corner-bottom-left-tip.png
Binary files differ
diff --git a/data/elementary/themes/img/tooltip-corner-bottom-right-tip.png b/data/elementary/themes/img/tooltip-corner-bottom-right-tip.png
index a154869d4d..1b903a582b 100644
--- a/data/elementary/themes/img/tooltip-corner-bottom-right-tip.png
+++ b/data/elementary/themes/img/tooltip-corner-bottom-right-tip.png
Binary files differ
diff --git a/data/elementary/themes/img/tooltip-corner-top-left-tip.png b/data/elementary/themes/img/tooltip-corner-top-left-tip.png
index 84acbe22c1..08084d42eb 100644
--- a/data/elementary/themes/img/tooltip-corner-top-left-tip.png
+++ b/data/elementary/themes/img/tooltip-corner-top-left-tip.png
Binary files differ
diff --git a/data/elementary/themes/img/tooltip-corner-top-right-tip.png b/data/elementary/themes/img/tooltip-corner-top-right-tip.png
index 1ebec77231..814b9a47e3 100644
--- a/data/elementary/themes/img/tooltip-corner-top-right-tip.png
+++ b/data/elementary/themes/img/tooltip-corner-top-right-tip.png
Binary files differ
diff --git a/data/elementary/themes/img/tooltip-edge-bottom-tip.png b/data/elementary/themes/img/tooltip-edge-bottom-tip.png
index 71ff0dd156..40f4ba0086 100644
--- a/data/elementary/themes/img/tooltip-edge-bottom-tip.png
+++ b/data/elementary/themes/img/tooltip-edge-bottom-tip.png
Binary files differ
diff --git a/data/elementary/themes/img/tooltip-edge-left-tip.png b/data/elementary/themes/img/tooltip-edge-left-tip.png
index ef89115b4e..d946c8f4e0 100644
--- a/data/elementary/themes/img/tooltip-edge-left-tip.png
+++ b/data/elementary/themes/img/tooltip-edge-left-tip.png
Binary files differ
diff --git a/data/elementary/themes/img/tooltip-edge-right-tip.png b/data/elementary/themes/img/tooltip-edge-right-tip.png
index fea799c6f6..5fe8a03cd7 100644
--- a/data/elementary/themes/img/tooltip-edge-right-tip.png
+++ b/data/elementary/themes/img/tooltip-edge-right-tip.png
Binary files differ
diff --git a/data/elementary/themes/img/tooltip-edge-top-tip.png b/data/elementary/themes/img/tooltip-edge-top-tip.png
index 15d37e4592..cf0852ec7a 100644
--- a/data/elementary/themes/img/tooltip-edge-top-tip.png
+++ b/data/elementary/themes/img/tooltip-edge-top-tip.png
Binary files differ
diff --git a/data/elementary/themes/img/tooltip_corner.svg b/data/elementary/themes/img/tooltip_corner.svg
new file mode 100644
index 0000000000..ae70834259
--- /dev/null
+++ b/data/elementary/themes/img/tooltip_corner.svg
@@ -0,0 +1,69 @@
1<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2<!-- Created with Inkscape (http://www.inkscape.org/) -->
3
4<svg
5 xmlns:dc="http://purl.org/dc/elements/1.1/"
6 xmlns:cc="http://creativecommons.org/ns#"
7 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8 xmlns:svg="http://www.w3.org/2000/svg"
9 xmlns="http://www.w3.org/2000/svg"
10 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12 width="12"
13 height="12"
14 viewBox="0 0 3.175 3.175"
15 version="1.1"
16 id="svg8"
17 inkscape:version="0.92.4 5da689c313, 2019-01-14"
18 sodipodi:docname="tooltip_corner.svg">
19 <defs
20 id="defs2" />
21 <sodipodi:namedview
22 id="base"
23 pagecolor="#404040"
24 bordercolor="#666666"
25 borderopacity="1.0"
26 inkscape:pageopacity="0"
27 inkscape:pageshadow="2"
28 inkscape:zoom="102.25"
29 inkscape:cx="6"
30 inkscape:cy="6"
31 inkscape:document-units="mm"
32 inkscape:current-layer="layer1"
33 showgrid="true"
34 units="px"
35 width="12px"
36 inkscape:showpageshadow="false"
37 inkscape:window-width="2560"
38 inkscape:window-height="1377"
39 inkscape:window-x="2560"
40 inkscape:window-y="0"
41 inkscape:window-maximized="1">
42 <inkscape:grid
43 type="xygrid"
44 id="grid815" />
45 </sodipodi:namedview>
46 <metadata
47 id="metadata5">
48 <rdf:RDF>
49 <cc:Work
50 rdf:about="">
51 <dc:format>image/svg+xml</dc:format>
52 <dc:type
53 rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
54 <dc:title></dc:title>
55 </cc:Work>
56 </rdf:RDF>
57 </metadata>
58 <g
59 inkscape:label="Layer 1"
60 inkscape:groupmode="layer"
61 id="layer1"
62 transform="translate(0,-293.825)">
63 <path
64 style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
65 d="M 3.175,295.4125 0,293.825 1.5875,297 v -1.5875 z"
66 id="path819"
67 inkscape:connector-curvature="0" />
68 </g>
69</svg>