mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1065076 - Update icons to SVG for video controls. r=margaret 

--HG--
extra : rebase_source : 90db92e279fd5f3b65c429380e724281cb2e6baf
This commit is contained in:
Ray Lin 2016-03-18 17:48:38 +08:00
Родитель 5a7da8152e
Коммит 4b6c1eeaa1
20 изменённых файлов: 130 добавлений и 20 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

Двоичные данные
mobile/android/themes/core/images/cast-active-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 448 B

14
mobile/android/themes/core/images/cast-active.svg Normal file
Просмотреть файл

@ -0,0 +1,14 @@
<?xml version="1.0"?>
<svg width="66px" height="54px" viewBox="0 0 66 54" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-279.000000, -1435.000000)">
<g transform="translate(240.000000, 1390.000000)">
<g transform="translate(36.000000, 36.000000)">
<path d="M0,0 L72,0 L72,72 L0,72 L0,0 Z" opacity="0.1"></path>
<path d="M0,0 L72,0 L72,72 L0,72 L0,0 Z"></path>
<path d="M3,54 L3,63 L12,63 C12,58.02 7.98,54 3,54 L3,54 Z M3,42 L3,48 C11.28,48 18,54.72 18,63 L24,63 C24,51.39 14.61,42 3,42 L3,42 Z M57,21 L15,21 L15,25.89 C26.88,29.73 36.27,39.12 40.11,51 L57,51 L57,21 L57,21 Z M3,30 L3,36 C17.91,36 30,48.09 30,63 L36,63 C36,44.76 21.21,30 3,30 L3,30 Z M63,9 L9,9 C5.7,9 3,11.7 3,15 L3,24 L9,24 L9,15 L63,15 L63,57 L42,57 L42,63 L63,63 C66.3,63 69,60.3 69,57 L69,15 C69,11.7 66.3,9 63,9 L63,9 Z" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 1.1 KiB

Двоичные данные
mobile/android/themes/core/images/cast-ready-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 338 B

14
mobile/android/themes/core/images/cast-ready.svg Normal file
Просмотреть файл

@ -0,0 +1,14 @@
<?xml version="1.0"?>
<svg width="66px" height="54px" viewBox="0 0 66 54" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-87.000000, -1435.000000)">
<g transform="translate(48.000000, 1390.000000)">
<g transform="translate(36.000000, 36.000000)">
<path d="M0,0 L72,0 L72,72 L0,72 L0,0 Z" opacity="0.1"></path>
<path d="M0,0 L72,0 L72,72 L0,72 L0,0 Z"></path>
<path d="M63,9 L9,9 C5.7,9 3,11.7 3,15 L3,24 L9,24 L9,15 L63,15 L63,57 L42,57 L42,63 L63,63 C66.3,63 69,60.3 69,57 L69,15 C69,11.7 66.3,9 63,9 L63,9 Z M3,54 L3,63 L12,63 C12,58.02 7.98,54 3,54 L3,54 Z M3,42 L3,48 C11.28,48 18,54.72 18,63 L24,63 C24,51.39 14.61,42 3,42 L3,42 Z M3,30 L3,36 C17.91,36 30,48.09 30,63 L36,63 C36,44.76 21.21,30 3,30 L3,30 Z" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 1.0 KiB

Двоичные данные
mobile/android/themes/core/images/exitfullscreen-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 436 B

10
mobile/android/themes/core/images/exitfullscreen.svg Normal file
Просмотреть файл

@ -0,0 +1,10 @@
<?xml version="1.0"?>
<svg width="72px" height="72px" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-276.000000, -1042.000000)" fill="#FFFFFF">
<g transform="translate(240.000000, 1006.000000)">
<path d="M36.96,80.16 C35.2060427,78.316034 35.8370453,76.8 38.4,76.8 L62.4,76.8 C65.0584079,76.8 67.2,78.9469741 67.2,81.6 L67.2,105.6 C67.2,108.165446 65.6848806,108.791856 63.84,107.04 L55.2,98.4 L49.92,104.16 C47.9768607,105.92543 44.9530217,105.908123 43.2,104.16 L39.84,100.8 C38.0648585,98.9095525 38.080377,95.8763717 39.84,94.08 L45.6,88.8 L36.96,80.16 Z M107.04,63.84 C108.79397,65.6843439 108.162544,67.2 105.6,67.2 L81.6,67.2 C78.941564,67.2 76.8,65.0529486 76.8,62.4 L76.8,38.4 C76.8,35.8334252 78.3157239,35.2076163 80.16,36.96 L88.8,45.6 L94.08,39.84 C95.909525,38.1209584 98.9004381,38.0799163 100.8,39.84 L104.16,43.2 C105.923072,45.1022004 105.884206,48.0879079 104.16,49.92 L98.4,55.2 L107.04,63.84 Z"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 1.1 KiB

Двоичные данные
mobile/android/themes/core/images/fullscreen-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 437 B

10
mobile/android/themes/core/images/fullscreen.svg Normal file
Просмотреть файл

@ -0,0 +1,10 @@
<?xml version="1.0"?>
<svg width="72px" height="72px" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-84.000000, -1042.000000)" fill="#FFFFFF">
<g transform="translate(48.000000, 1006.000000)">
<path d="M77.1428571,36 L102.857143,36 C105.705437,36 108,38.3003294 108,41.1428571 L108,66.8571429 C108,69.6058346 106.376658,70.276989 104.4,68.4 L95.1428571,59.1428571 L89.4857143,65.3142857 C87.4037793,67.2058174 84.1639518,67.1872741 82.2857143,65.3142857 L78.6857143,61.7142857 C76.783777,59.6888062 76.8004039,56.4389697 78.6857143,54.5142857 L84.8571429,48.8571429 L75.6,39.6 C73.7207601,37.6243221 74.3968342,36 77.1428571,36 Z M66.8571429,108 L41.1428571,108 C38.2945329,108 36,105.699588 36,102.857143 L36,77.1428571 C36,74.3929556 37.6239899,73.7224461 39.6,75.6 L48.8571429,84.8571429 L54.5142857,78.6857143 C56.474491,76.843884 59.6790408,76.7999103 61.7142857,78.6857143 L65.3142857,82.2857143 C67.2032916,84.3237862 67.1616492,87.5227585 65.3142857,89.4857143 L59.1428571,95.1428571 L68.4,104.4 C70.279254,106.376083 69.6027253,108 66.8571429,108 Z"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 1.3 KiB

Двоичные данные
mobile/android/themes/core/images/mute-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 1.7 KiB

10
mobile/android/themes/core/images/mute.svg Normal file
Просмотреть файл

@ -0,0 +1,10 @@
<?xml version="1.0"?>
<svg width="70px" height="60px" viewBox="0 0 70 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-469.000000, -1048.000000)" fill="#FFFFFF">
<g transform="translate(432.000000, 1006.000000)">
<path d="M98.3836922,53.1162172 C103.662239,57.6998888 107,64.4601112 107,71.9999094 C107,79.5397077 103.662239,86.2999301 98.3836922,90.8836016 L94.8371224,87.3370318 C99.2157236,83.6682614 102,78.1592367 102,71.9999094 C102,65.8405821 99.2157236,60.3315575 94.8371224,56.6627871 L98.3836922,53.1162172 Z M91.2831302,60.2167792 C94.7649686,62.9636534 97,67.2207716 97,71.9999094 C97,76.7790472 94.7649686,81.0361655 91.2831302,83.7830397 L87.7103386,80.210248 C90.3032555,78.4034792 92,75.3998422 92,71.9999094 C92,68.5999775 90.3032563,65.5963412 87.7103384,63.789571 L91.2831302,60.2167792 Z M37,61.9999094 C37,59.2105478 39.2364417,56.9712087 42,56.9999094 L58,56.9999094 L75.5,42.9999094 C79.1323004,40.818613 82,42.3919545 82,46.4999094 L82,97.4999094 C82,101.618951 79.1389004,103.178674 75.5,100.999909 L58,86.9999094 L42,86.9999094 C39.2362844,87.0258469 37,84.7863502 37,81.9999094 L37,61.9999094 Z"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 1.3 KiB

Двоичные данные
mobile/android/themes/core/images/pause-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 334 B

10
mobile/android/themes/core/images/pause.svg Normal file
Просмотреть файл

@ -0,0 +1,10 @@
<?xml version="1.0"?>
<svg width="54px" height="72px" viewBox="0 0 54 72" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-285.000000, -1234.000000)" fill="#FFFFFF">
<g transform="translate(240.000000, 1198.000000)">
<path d="M63,103.5 C63,105.9849 60.9849,108 58.5,108 L49.5,108 C47.0151,108 45,105.9849 45,103.5 L45,40.5 C45,38.0151 47.0151,36 49.5,36 L58.5,36 C60.9849,36 63,38.0151 63,40.5 L63,103.5 Z M94.5,108 L85.5,108 C83.0151,108 81,105.9849 81,103.5 L81,40.5 C81,38.0151 83.0151,36 85.5,36 L94.5,36 C96.9849,36 99,38.0151 99,40.5 L99,103.5 C99,105.9849 96.9849,108 94.5,108 Z"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 803 B

Двоичные данные
mobile/android/themes/core/images/play-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 1.0 KiB

10
mobile/android/themes/core/images/play.svg Normal file
Просмотреть файл

@ -0,0 +1,10 @@
<?xml version="1.0"?>
<svg width="58px" height="72px" viewBox="0 0 58 72" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-91.000000, -1234.000000)" fill="#FFFFFF">
<g transform="translate(48.000000, 1198.000000)">
<path d="M43,40 L43,104 C43,107.688656 45.5537886,109.093408 49,107 L99,75 C101.697423,73.3130096 101.692268,70.3534356 99,69 L49,37 C45.5596797,34.9042037 43,36.3212206 43,40 Z"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 610 B

Двоичные данные
mobile/android/themes/core/images/scrubber-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 910 B

10
mobile/android/themes/core/images/scrubber.svg Normal file
Просмотреть файл

@ -0,0 +1,10 @@
<?xml version="1.0"?>
<svg width="36px" height="36px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-486.000000, -1444.000000)" fill="#FFFFFF">
<g transform="translate(432.000000, 1390.000000)">
<circle id="Oval-17" cx="72" cy="72" r="18"></circle>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 479 B

Двоичные данные
mobile/android/themes/core/images/unmute-hdpi.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 795 B

10
mobile/android/themes/core/images/unmute.svg Normal file
Просмотреть файл

@ -0,0 +1,10 @@
<?xml version="1.0"?>
<svg width="45px" height="60px" viewBox="0 0 45 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-661.000000, -1048.000000)" fill="#FFFFFF">
<g transform="translate(624.000000, 1006.000000)">
<path d="M37,61.9999094 C37,59.2105478 39.2364417,56.9712087 42,56.9999094 L58,56.9999094 L75.5,42.9999094 C79.1323004,40.818613 82,42.3919545 82,46.4999094 L82,97.4999094 C82,101.618951 79.1389004,103.178674 75.5,100.999909 L58,86.9999094 L42,86.9999094 C39.2362844,87.0258469 37,84.7863502 37,81.9999094 L37,61.9999094 Z"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 757 B

18
mobile/android/themes/core/jar.mn
Просмотреть файл

@ -62,20 +62,20 @@ chrome.jar:
skin/images/dropmarker.svg (images/dropmarker.svg)
skin/images/dropmarker-right.svg (images/dropmarker-right.svg)
skin/images/errorpage-warning.png (images/errorpage-warning.png)
skin/images/exitfullscreen-hdpi.png (images/exitfullscreen-hdpi.png)
skin/images/fullscreen-hdpi.png (images/fullscreen-hdpi.png)
skin/images/exitfullscreen.svg (images/exitfullscreen.svg)
skin/images/fullscreen.svg (images/fullscreen.svg)
skin/images/grey-caution.svg (images/grey-caution.svg)
skin/images/certerror-warning.png (images/certerror-warning.png)
skin/images/throbber.png (images/throbber.png)
skin/images/search-clear-30.png (images/search-clear-30.png)
skin/images/placeholder_image.svg (images/placeholder_image.svg)
skin/images/play-hdpi.png (images/play-hdpi.png)
skin/images/pause-hdpi.png (images/pause-hdpi.png)
skin/images/cast-ready-hdpi.png (images/cast-ready-hdpi.png)
skin/images/cast-active-hdpi.png (images/cast-active-hdpi.png)
skin/images/mute-hdpi.png (images/mute-hdpi.png)
skin/images/unmute-hdpi.png (images/unmute-hdpi.png)
skin/images/scrubber-hdpi.png (images/scrubber-hdpi.png)
skin/images/play.svg (images/play.svg)
skin/images/pause.svg (images/pause.svg)
skin/images/cast-ready.svg (images/cast-ready.svg)
skin/images/cast-active.svg (images/cast-active.svg)
skin/images/mute.svg (images/mute.svg)
skin/images/unmute.svg (images/unmute.svg)
skin/images/scrubber.svg (images/scrubber.svg)
skin/images/about-btn-darkgrey.png (images/about-btn-darkgrey.png)
skin/images/logo-hdpi.png (images/logo-hdpi.png)
skin/images/wordmark-hdpi.png (images/wordmark-hdpi.png)

34
mobile/android/themes/core/touchcontrols.css
Просмотреть файл

@ -35,25 +35,33 @@
.muteButton,
.fullscreenButton {
-moz-appearance: none;
min-height: 42px;
min-width: 42px;
height: 24px;
width: 24px;
border: none !important;
}
.muteButton {
width: 28px;
}
.playButton {
background: url("chrome://browser/skin/images/pause-hdpi.png") no-repeat center;
background: url("chrome://browser/skin/images/pause.svg") no-repeat center;
background-size: contain;
}
.playButton[paused="true"] {
background: url("chrome://browser/skin/images/play-hdpi.png") no-repeat center;
background: url("chrome://browser/skin/images/play.svg") no-repeat center;
background-size: contain;
}
.castingButton {
background: url("chrome://browser/skin/images/cast-ready-hdpi.png") no-repeat center;
background: url("chrome://browser/skin/images/cast-ready.svg") no-repeat center;
background-size: contain;
}
.castingButton[active="true"] {
background: url("chrome://browser/skin/images/cast-active-hdpi.png") no-repeat center;
background: url("chrome://browser/skin/images/cast-active.svg") no-repeat center;
background-size: contain;
}
/* If the casting button is showing, there will be two buttons on the right side of the controls.
@ -64,20 +72,24 @@
}
.muteButton {
background: url("chrome://browser/skin/images/mute-hdpi.png") no-repeat center;
background: url("chrome://browser/skin/images/mute.svg") no-repeat left;
background-size: contain;
}
.muteButton[muted="true"] {
background: url("chrome://browser/skin/images/unmute-hdpi.png") no-repeat center;
background: url("chrome://browser/skin/images/unmute.svg") no-repeat left;
background-size: contain;
}
.fullscreenButton {
background-color: transparent;
background: url("chrome://browser/skin/images/fullscreen-hdpi.png") no-repeat center;
background: url("chrome://browser/skin/images/fullscreen.svg") no-repeat center;
background-size: contain;
}
.fullscreenButton[fullscreened] {
background: url("chrome://browser/skin/images/exitfullscreen-hdpi.png") no-repeat center;
background: url("chrome://browser/skin/images/exitfullscreen.svg") no-repeat center;
background-size: contain;
}
.controlBar[fullscreen-unavailable] .fullscreenButton {
@ -134,7 +146,7 @@
display: -moz-box;
margin: 0px !important;
padding: 0px !important;
background: url("chrome://browser/skin/images/scrubber-hdpi.png") no-repeat;
background: url("chrome://browser/skin/images/scrubber.svg") no-repeat;
background-size: 32px 32px;
height: 32px;
width: 32px;