← Back to branch summary

~3v1n0/ubuntu-themes/infobar-default-color

« back to all changes in this revision

Viewing changes to Ambiance/gtk-3.0/assets/windowbutton-active.svg

  • Committer: Bileto Bot
  • Author(s): Marco Trevisan (Treviño)
  • Date: 2018-03-28 06:26:24 UTC
  • mfrom: (608.2.3 windowbuttons-bg-and-padding)
  • Revision ID: ci-train-bot@canonical.com-20180328062624-9zjycdt1msdt40aj
Ambiance, Radiance: use static bg imgs for window buttons and add padding

With the current implementation (all css based) we could not add some padding
for improving the click-ability of the window buttons, then we've to use
static, centered, background images instead.
So, now every button is now clickable in all the vertical space it can use.

The assets are generated from provided SVGs that are actually
the same used in unity, minus the action icon (as gtk adds it).
Thus the visual quality is better as there are some slightly different
gradients.

Fixed also the distance between buttons to match original designs. (LP: #1693609)

Show diffs side-by-side

added added

removed removed

Lines of Context:
Ambiance/gtk-3.0/assets/windowbutton-active.svg
 
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:xlink="http://www.w3.org/1999/xlink"
 
11
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 
12
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 
13
   width="19"
 
14
   height="19"
 
15
   id="svg4770"
 
16
   version="1.1"
 
17
   inkscape:version="0.91 r13725"
 
18
   viewBox="0 0 19 19"
 
19
   sodipodi:docname="windowbutton-active.svg">
 
20
  <defs
 
21
     id="defs4772">
 
22
    <linearGradient
 
23
       inkscape:collect="always"
 
24
       xlink:href="#linearGradient4289"
 
25
       id="linearGradient4650"
 
26
       gradientUnits="userSpaceOnUse"
 
27
       gradientTransform="translate(-1072.3622,-1053.3622)"
 
28
       x1="2.0000153"
 
29
       y1="1062.8622"
 
30
       x2="16.999975"
 
31
       y2="1062.8622" />
 
32
    <linearGradient
 
33
       id="linearGradient4289"
 
34
       inkscape:collect="always">
 
35
      <stop
 
36
         id="stop4518"
 
37
         offset="0"
 
38
         style="stop-color:#77766f;stop-opacity:1" />
 
39
      <stop
 
40
         id="stop4520"
 
41
         offset="1"
 
42
         style="stop-color:#74736c;stop-opacity:1" />
 
43
    </linearGradient>
 
44
    <linearGradient
 
45
       inkscape:collect="always"
 
46
       id="linearGradient4297">
 
47
      <stop
 
48
         style="stop-color:#ffffff;stop-opacity:1;"
 
49
         offset="0"
 
50
         id="stop4523" />
 
51
      <stop
 
52
         style="stop-color:#000000;stop-opacity:1"
 
53
         offset="1"
 
54
         id="stop4525" />
 
55
    </linearGradient>
 
56
    <linearGradient
 
57
       inkscape:collect="always"
 
58
       xlink:href="#linearGradient4297"
 
59
       id="linearGradient7509"
 
60
       gradientUnits="userSpaceOnUse"
 
61
       gradientTransform="matrix(0,-1,1,0,0,-3.4765625e-5)"
 
62
       x1="-1070.3622"
 
63
       y1="8.9999962"
 
64
       x2="-1055.3622"
 
65
       y2="8.9999962" />
 
66
    <linearGradient
 
67
       inkscape:collect="always"
 
68
       xlink:href="#linearGradient4297"
 
69
       id="linearGradient7515"
 
70
       gradientUnits="userSpaceOnUse"
 
71
       gradientTransform="matrix(0,-1.0357118,1.0357118,0,-0.33926172,-37.956735)"
 
72
       x1="-1070.1036"
 
73
       y1="9.4999952"
 
74
       x2="-1055.6208"
 
75
       y2="9.4999952" />
 
76
  </defs>
 
77
  <sodipodi:namedview
 
78
     id="base"
 
79
     pagecolor="#ffffff"
 
80
     bordercolor="#666666"
 
81
     borderopacity="1.0"
 
82
     inkscape:pageopacity="0.0"
 
83
     inkscape:pageshadow="2"
 
84
     inkscape:zoom="24.286129"
 
85
     inkscape:cx="12.621402"
 
86
     inkscape:cy="4.3409554"
 
87
     inkscape:document-units="px"
 
88
     inkscape:current-layer="layer1"
 
89
     showgrid="false"
 
90
     fit-margin-top="0"
 
91
     fit-margin-left="0"
 
92
     fit-margin-right="0"
 
93
     fit-margin-bottom="0"
 
94
     inkscape:window-width="1855"
 
95
     inkscape:window-height="1056"
 
96
     inkscape:window-x="65"
 
97
     inkscape:window-y="24"
 
98
     inkscape:window-maximized="1" />
 
99
  <metadata
 
100
     id="metadata4775">
 
101
    <rdf:RDF>
 
102
      <cc:Work
 
103
         rdf:about="">
 
104
        <dc:format>image/svg+xml</dc:format>
 
105
        <dc:type
 
106
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 
107
        <dc:title></dc:title>
 
108
      </cc:Work>
 
109
    </rdf:RDF>
 
110
  </metadata>
 
111
  <g
 
112
     inkscape:label="Layer 1"
 
113
     inkscape:groupmode="layer"
 
114
     id="layer1"
 
115
     transform="translate(287.35714,-522.86219)">
 
116
    <g
 
117
       style="display:inline"
 
118
       transform="translate(-287.35713,-530.49999)"
 
119
       inkscape:export-ydpi="90"
 
120
       inkscape:export-xdpi="90"
 
121
       inkscape:export-filename="maximize.png"
 
122
       id="g4263">
 
123
      <circle
 
124
         style="color:#000000;fill:#383734;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
 
125
         id="circle4265"
 
126
         cx="9.4999924"
 
127
         cy="1062.8622"
 
128
         r="8.5" />
 
129
      <circle
 
130
         r="7.49998"
 
131
         cy="9.4999952"
 
132
         cx="-1062.8622"
 
133
         id="circle4267"
 
134
         style="color:#000000;fill:url(#linearGradient4650);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
 
135
         transform="matrix(0,-1,1,0,0,0)" />
 
136
      <path
 
137
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;opacity:0.05;color:#000000;color-interpolation:sRGB;color-interpolation-filters:linearRGB;fill:url(#linearGradient7509);fill-opacity:1;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;isolation:auto;mix-blend-mode:normal;enable-background:accumulate;clip-rule:nonzero;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-family:sans-serif;-inkscape-font-specification:sans-serif"
 
138
         d="m 2,1062.8613 c 0,4.1362 3.363788,7.5 7.5,7.5 4.136212,0 7.5,-3.3638 7.5,-7.5 0,-4.1362 -3.363788,-7.5 -7.5,-7.5 -4.136212,0 -7.5,3.3638 -7.5,7.5 z m 1,0 c 0,-3.5957 2.9042281,-6.5 6.5,-6.5 3.595772,0 6.5,2.9043 6.5,6.5 0,3.5958 -2.904228,6.5 -6.5,6.5 -3.5957719,0 -6.5,-2.9042 -6.5,-6.5 z"
 
139
         id="circle4269"
 
140
         inkscape:connector-curvature="0" />
 
141
      <path
 
142
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;opacity:0.05;color:#000000;color-interpolation:sRGB;color-interpolation-filters:linearRGB;fill:url(#linearGradient7515);fill-opacity:1;stroke:none;stroke-width:0.5;marker:none;visibility:visible;display:inline;overflow:visible;isolation:auto;mix-blend-mode:normal;enable-background:accumulate;clip-rule:nonzero;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-family:sans-serif;-inkscape-font-specification:sans-serif"
 
143
         d="m 2,1062.8613 c 0,4.1392 3.3608366,7.5 7.5,7.5 4.139163,0 7.5,-3.3608 7.5,-7.5 0,-4.1391 -3.360837,-7.5 -7.5,-7.5 -4.1391634,0 -7.5,3.3609 -7.5,7.5 z m 0.5,0 c 0,-3.8689 3.1310567,-7 7,-7 3.868943,0 7,3.1311 7,7 0,3.869 -3.131057,7 -7,7 -3.8689433,0 -7,-3.131 -7,-7 z"
 
144
         id="circle4271"
 
145
         inkscape:connector-curvature="0" />
 
146
      <rect
 
147
         style="color:#000000;fill:none;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
 
148
         id="rect4273"
 
149
         width="19"
 
150
         height="19"
 
151
         x="-7.3563765e-06"
 
152
         y="1053.3622" />
 
153
    </g>
 
154
  </g>
 
155
</svg>