haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changes video thumbnail menu icon

This commit is contained in:
yanas 2017-07-12 17:12:35 -05:00
parent fac6c30b1c
commit 2e2b1d47c0
9 changed files with 203 additions and 167 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/_font.scss
View File

@ -25,6 +25,9 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-thumb-menu:before {
content: "\e5d4";
}
.icon-mic-camera-combined:before {
content: "\e903";
}

3
css/_vertical_filmstrip_overrides.scss
View File

@ -65,7 +65,8 @@
left: 0;
top: auto;
right: auto;
transform: translate3d(0,0,0) rotate(-90deg);
margin-bottom: 7px;
transform: translate3d(0,0,0);
}
#remoteVideos {

8
css/_videolayout_default.scss
View File

@ -315,12 +315,16 @@
position: absolute;
top: 0px;
right: 0;
margin: 7px;
margin-top: 7px;
z-index: $zindex3;
width: 18px;
height: 13px;
color: #FFF;
font-size: 8pt;
font-size: 10pt;
>i{
cursor: hand;
}
}
/**

BIN
fonts/jitsi.eot Normal file → Executable file
View File

Binary file not shown.

1
fonts/jitsi.svg Normal file → Executable file
View File

@ -9,6 +9,7 @@
<glyph unicode="&#x20;" d="" />
<glyph unicode="&#xe0cd;" glyph-name="phone" d="M282 564c62-120 162-220 282-282l94 94c12 12 30 16 44 10 48-16 100-24 152-24 24 0 42-18 42-42v-150c0-24-18-42-42-42-400 0-726 326-726 726 0 24 18 42 42 42h150c24 0 42-18 42-42 0-54 8-104 24-152 4-14 2-32-10-44z" />
<glyph unicode="&#xe145;" glyph-name="add" d="M810 470h-256v-256h-84v256h-256v84h256v256h84v-256h256v-84z" />
<glyph unicode="&#xe5d4;" glyph-name="thumb-menu" d="M512 342c46 0 86-40 86-86s-40-86-86-86-86 40-86 86 40 86 86 86zM512 598c46 0 86-40 86-86s-40-86-86-86-86 40-86 86 40 86 86 86zM512 682c-46 0-86 40-86 86s40 86 86 86 86-40 86-86-40-86-86-86z" />
<glyph unicode="&#xe603;" glyph-name="presentation" horiz-adv-x="1088" d="M952.495 1019.065h-818.689c-72.81 0-132.183-60.63-132.183-135.162v-750.719c0-74.473 59.372-135.101 132.183-135.101h818.686c72.936 0 132.314 60.625 132.314 135.101v750.722c0.003 74.532-59.378 135.159-132.311 135.159zM946.346 139.651h-806.14v737.822h806.015l0.126-737.822zM685.753 738.544h216.911v-566.758h-216.911v566.758zM428.672 610.002h216.911v-438.216h-216.911v438.216zM172.339 481.46h216.161v-309.677h-216.161v309.677z" />
<glyph unicode="&#xe613;" glyph-name="recDisable" horiz-adv-x="1140" d="M1123.444 1003.015c-23.593 26.481-64.131 28.989-90.74 5.395l-1008.269-893.436c-26.609-23.468-28.991-64.131-5.46-90.676 12.674-14.306 30.308-21.649 48.126-21.649 15.123 0 30.372 5.401 42.544 16.195l130.045 115.22c90.743-81.844 210.569-132.165 342.473-132.101 282.816 0.061 510.913 227.969 511.287 510.972 0.126 109.934-34.682 211.367-93.499 294.72l118.088 104.625c26.483 23.526 28.997 64.129 5.404 90.735zM944.422 513.818c0.128-200.922-161.896-363.201-362.509-362.952-87.56 0.123-167.573 31.151-230.061 82.569l331.277 293.509v-73.176c1.071-60.993 32.696-92.18 94.944-93.692 61.997 1.512 93.686 32.763 95.131 93.756v41.096h-72.227v-47.499c0.251-4.642-0.564-10.607-2.511-17.949-1.25-3.261-3.448-6.020-6.525-8.093-3.197-2.572-7.845-3.828-13.868-3.828-10.543 0.31-17.132 4.268-19.827 11.921-1.068 3.512-1.947 6.905-2.508 10.163-0.254 2.887-0.377 5.532-0.377 7.786v143.511l42.477 37.634c0.215-0.432 0.452-0.851 0.63-1.303 1.947-6.467 2.762-12.799 2.511-19.076v-36.772h72.227v30.121c-0.246 31.245-9.086 54.699-26.363 70.447l40.711 36.069c35.787-56.055 56.803-122.585 56.867-194.244zM239.795 395.47c-12.613 37.023-19.827 76.557-19.827 117.913-0.19 200.236 161.584 362.009 361.945 362.135 56.853 0 110.313-13.302 158.133-36.398l117.846 104.421c-79.444 50.952-173.758 80.817-275.292 80.948-283.377 0.181-511.354-227.729-511.789-511.675-0.126-79.567 18.636-154.679 51.137-221.882l117.848 104.538zM388.576 690.020h-97.514v-249.057l72.23 64.070v0.689h0.815l117.72 104.418c0 0.564 0.123 0.94 0.123 1.509 0.753 53.898-30.369 80.069-93.374 78.37zM405.959 625.517c1.942-2.767 3.074-6.469 3.323-11.112 0.312-4.452 0.438-9.6 0.438-15.246 0.251-10.916-0.689-19.83-2.949-26.985-2.952-7.594-10.983-11.357-24.159-11.357h-19.325v74.043h15.31c7.842 0 13.865-0.683 18.072-2.19 4.397-1.573 7.468-3.953 9.29-7.153z" />
<glyph unicode="&#xe614;" glyph-name="recEnable" horiz-adv-x="1142" d="M581.278 1025.708c284.857-0.19 514.807-230.517 514.427-514.997-0.378-285.047-230.073-514.553-514.869-514.615-284.541-0.062-515.311 230.517-514.933 514.422 0.439 285.936 230.009 515.439 515.375 515.19zM580.579 875.756c-201.764-0.123-364.666-163.032-364.478-364.663 0-202.018 162.524-364.735 364.478-364.984 202.018-0.316 365.174 163.030 365.048 365.423-0.252 201.767-163.156 364.35-365.048 364.224zM287.698 688.907h98.196c63.442 1.767 94.785-24.518 94.027-78.863 0.254-19.081-2.211-34.882-7.456-47.521-6.005-12.508-18.706-21.988-38.167-28.181v-0.819c28.373-6.259 43.031-23.573 43.981-51.946v-57.689c0-11.247 0.254-22.813 0.758-34.756 0.819-12.005 3.033-20.979 6.696-27.043h-71.846c-3.727 6.064-6.128 15.038-7.14 27.043-1.012 11.943-1.454 23.509-1.138 34.756v52.321c0 9.603-2.214 16.553-6.573 20.979-4.675 4.107-12.701 6.19-24.012 6.19h-14.599v-141.291h-72.73v326.82zM360.428 558.861h19.463c13.271 0 21.359 3.794 24.331 11.375 2.276 7.204 3.221 16.304 2.969 27.171 0 5.815-0.126 10.867-0.442 15.418-0.252 4.675-1.392 8.404-3.352 11.247-1.831 3.157-4.926 5.561-9.352 7.14-4.233 1.454-10.299 2.211-18.2 2.211h-15.418v-74.564zM498.372 688.907h162.082v-62.687h-89.35v-65.587h78.103v-62.685h-78.103v-73.11h92.822v-62.749h-165.557v326.818zM682.507 599.999c0.316 31.782 9.416 55.542 27.425 71.407 17.44 15.29 40.185 22.936 68.181 22.936 28.247 0 51.119-7.646 68.623-23 17.82-15.798 26.92-39.623 27.171-71.407v-30.333h-72.73v37.031c0.254 6.192-0.57 12.639-2.527 19.209-1.264 3.157-3.475 5.938-6.573 8.214-3.221 1.515-7.898 2.404-13.964 2.404-10.615-0.316-17.249-3.855-19.967-10.618-2.211-6.573-3.223-13.017-2.907-19.209v-161.956c0-2.273 0.126-4.865 0.38-7.772 0.568-3.411 1.454-6.824 2.527-10.233 2.717-7.775 9.352-11.756 19.967-12.007 6.067 0 10.744 1.261 13.964 3.791 3.098 2.15 5.309 4.867 6.573 8.216 1.96 7.33 2.782 13.33 2.527 18.007v47.837h72.73v-41.328c-1.451-61.547-33.364-93.015-95.794-94.469-62.685 1.454-94.53 32.922-95.607 94.343v148.937z" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

BIN
fonts/jitsi.ttf Normal file → Executable file
View File

Binary file not shown.

BIN
fonts/jitsi.woff Normal file → Executable file
View File

Binary file not shown.

353
fonts/selection.json Normal file → Executable file
View File

@ -1,6 +1,116 @@
{
"IcoMoonType": "selection",
"icons": [
{
"icon": {
"paths": [
"M512 682c46 0 86 40 86 86s-40 86-86 86-86-40-86-86 40-86 86-86zM512 426c46 0 86 40 86 86s-40 86-86 86-86-40-86-86 40-86 86-86zM512 342c-46 0-86-40-86-86s40-86 86-86 86 40 86 86-40 86-86 86z"
],
"attrs": [],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
"more_vert"
],
"defaultCode": 58836,
"grid": 24
},
"attrs": [],
"properties": {
"ligatures": "more_vert",
"id": 502,
"order": 897,
"prevSize": 24,
"code": 58836,
"name": "thumb-menu"
},
"setIdx": 0,
"setId": 2,
"iconIdx": 502
},
{
"icon": {
"paths": [
"M330.667 554.667c-0.427-14.933 6.4-29.44 17.92-39.253 32 6.827 61.867 20.053 88.747 39.253 0 29.013-23.893 52.907-53.333 52.907s-52.907-23.467-53.333-52.907zM586.667 554.667c26.88-18.773 56.747-32 88.747-38.827 11.52 9.813 18.347 24.32 17.92 38.827 0 29.867-23.893 53.76-53.333 53.76s-53.333-23.893-53.333-53.76v0zM512 384c-118.187-1.707-234.667 27.733-338.347 85.333l-2.987 42.667c0 52.48 12.373 104.107 35.84 151.040 101.12-15.36 203.093-23.040 305.493-23.040s204.373 7.68 305.493 23.040c23.467-46.933 35.84-98.56 35.84-151.040l-2.987-42.667c-103.68-57.6-220.16-87.040-338.347-85.333zM512 85.333c235.641 0 426.667 191.025 426.667 426.667s-191.025 426.667-426.667 426.667c-235.641 0-426.667-191.025-426.667-426.667s191.025-426.667 426.667-426.667z"
],
"attrs": [
{}
],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
"ninja"
],
"grid": 24
},
"attrs": [
{}
],
"properties": {
"order": 850,
"id": 0,
"name": "ninja",
"prevSize": 24,
"code": 59657
},
"setIdx": 1,
"setId": 1,
"iconIdx": 40
},
{
"icon": {
"paths": [
"M282 460c62 120 162 220 282 282l94-94c12-12 30-16 44-10 48 16 100 24 152 24 24 0 42 18 42 42v150c0 24-18 42-42 42-400 0-726-326-726-726 0-24 18-42 42-42h150c24 0 42 18 42 42 0 54 8 104 24 152 4 14 2 32-10 44z"
],
"attrs": [],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
"phone"
],
"defaultCode": 57549,
"grid": 24
},
"attrs": [],
"properties": {
"ligatures": "call, local_phone, phone",
"id": 1,
"order": 851,
"prevSize": 24,
"code": 57549,
"name": "phone"
},
"setIdx": 1,
"setId": 1,
"iconIdx": 41
},
{
"icon": {
"paths": [
"M810 554h-256v256h-84v-256h-256v-84h256v-256h84v256h256v84z"
],
"attrs": [],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
"add"
],
"defaultCode": 57669,
"grid": 24
},
"attrs": [],
"properties": {
"ligatures": "add",
"id": 12,
"order": 896,
"prevSize": 24,
"code": 57669,
"name": "add"
},
"setIdx": 1,
"setId": 1,
"iconIdx": 42
},
{
"icon": {
"paths": [
@ -26,8 +136,8 @@
"prevSize": 32,
"code": 59651
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 0
},
{
@ -55,8 +165,8 @@
"prevSize": 32,
"code": 59677
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 1
},
{
@ -84,8 +194,8 @@
"prevSize": 32,
"code": 59676
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 2
},
{
@ -110,8 +220,8 @@
"code": 59649,
"name": "avatar"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 3
},
{
@ -136,8 +246,8 @@
"code": 59653,
"name": "hangup"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 4
},
{
@ -162,8 +272,8 @@
"code": 59654,
"name": "chat"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 5
},
{
@ -188,8 +298,8 @@
"code": 59650,
"name": "download"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 6
},
{
@ -214,8 +324,8 @@
"code": 59655,
"name": "edit"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 7
},
{
@ -240,8 +350,8 @@
"code": 59656,
"name": "share-doc"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 8
},
{
@ -266,8 +376,8 @@
"code": 59652,
"name": "kick"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 9
},
{
@ -292,8 +402,8 @@
"code": 59679,
"name": "menu-up"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 10
},
{
@ -318,8 +428,8 @@
"code": 59680,
"name": "menu-down"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 11
},
{
@ -344,8 +454,8 @@
"code": 59659,
"name": "full-screen"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 12
},
{
@ -370,8 +480,8 @@
"code": 59660,
"name": "exit-full-screen"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 13
},
{
@ -396,8 +506,8 @@
"code": 59658,
"name": "star-full"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 14
},
{
@ -422,8 +532,8 @@
"code": 59661,
"name": "security"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 15
},
{
@ -448,8 +558,8 @@
"code": 59662,
"name": "security-locked"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 16
},
{
@ -474,8 +584,8 @@
"code": 59663,
"name": "reload"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 17
},
{
@ -500,8 +610,8 @@
"code": 59664,
"name": "microphone"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 18
},
{
@ -526,8 +636,8 @@
"code": 59665,
"name": "mic-empty"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 19
},
{
@ -552,8 +662,8 @@
"code": 59666,
"name": "mic-disabled"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 20
},
{
@ -578,8 +688,8 @@
"code": 59678,
"name": "raised-hand"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 21
},
{
@ -604,8 +714,8 @@
"code": 59675,
"name": "contactList"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 22
},
{
@ -630,8 +740,8 @@
"code": 59667,
"name": "link"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 23
},
{
@ -656,8 +766,8 @@
"code": 59668,
"name": "shared-video"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 24
},
{
@ -682,8 +792,8 @@
"code": 59669,
"name": "settings"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 25
},
{
@ -708,8 +818,8 @@
"code": 59670,
"name": "star"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 26
},
{
@ -734,8 +844,8 @@
"code": 59681,
"name": "switch-camera"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 27
},
{
@ -760,8 +870,8 @@
"code": 59671,
"name": "share-desktop"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 28
},
{
@ -786,8 +896,8 @@
"code": 59672,
"name": "camera"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 29
},
{
@ -812,8 +922,8 @@
"code": 59673,
"name": "camera-disabled"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 30
},
{
@ -838,8 +948,8 @@
"code": 59674,
"name": "volume"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 31
},
{
@ -886,8 +996,8 @@
"prevSize": 32,
"code": 59648
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 32
},
{
@ -959,8 +1069,8 @@
"name": "connection",
"ligatures": ""
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 33
},
{
@ -988,8 +1098,8 @@
"name": "recDisable",
"ligatures": ""
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 34
},
{
@ -1018,8 +1128,8 @@
"name": "recEnable",
"ligatures": ""
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 35
},
{
@ -1048,8 +1158,8 @@
"name": "presentation",
"ligatures": ""
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 36
},
{
@ -1074,8 +1184,8 @@
"code": 59685,
"name": "dialpad"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 37
},
{
@ -1100,8 +1210,8 @@
"code": 59683,
"name": "visibility"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 38
},
{
@ -1126,92 +1236,9 @@
"code": 59684,
"name": "visibility-off"
},
"setIdx": 0,
"setId": 5,
"setIdx": 1,
"setId": 1,
"iconIdx": 39
},
{
"icon": {
"paths": [
"M330.667 554.667c-0.427-14.933 6.4-29.44 17.92-39.253 32 6.827 61.867 20.053 88.747 39.253 0 29.013-23.893 52.907-53.333 52.907s-52.907-23.467-53.333-52.907zM586.667 554.667c26.88-18.773 56.747-32 88.747-38.827 11.52 9.813 18.347 24.32 17.92 38.827 0 29.867-23.893 53.76-53.333 53.76s-53.333-23.893-53.333-53.76v0zM512 384c-118.187-1.707-234.667 27.733-338.347 85.333l-2.987 42.667c0 52.48 12.373 104.107 35.84 151.040 101.12-15.36 203.093-23.040 305.493-23.040s204.373 7.68 305.493 23.040c23.467-46.933 35.84-98.56 35.84-151.040l-2.987-42.667c-103.68-57.6-220.16-87.040-338.347-85.333zM512 85.333c235.641 0 426.667 191.025 426.667 426.667s-191.025 426.667-426.667 426.667c-235.641 0-426.667-191.025-426.667-426.667s191.025-426.667 426.667-426.667z"
],
"attrs": [
{}
],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
"ninja"
],
"grid": 24
},
"attrs": [
{}
],
"properties": {
"order": 850,
"id": 0,
"name": "ninja",
"prevSize": 32,
"code": 59657
},
"setIdx": 1,
"setId": 4,
"iconIdx": 0
},
{
"icon": {
"paths": [
"M282 460c62 120 162 220 282 282l94-94c12-12 30-16 44-10 48 16 100 24 152 24 24 0 42 18 42 42v150c0 24-18 42-42 42-400 0-726-326-726-726 0-24 18-42 42-42h150c24 0 42 18 42 42 0 54 8 104 24 152 4 14 2 32-10 44z"
],
"attrs": [],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
"phone"
],
"defaultCode": 57549,
"grid": 24
},
"attrs": [],
"properties": {
"ligatures": "call, local_phone, phone",
"id": 1,
"order": 851,
"prevSize": 32,
"code": 57549,
"name": "phone"
},
"setIdx": 1,
"setId": 4,
"iconIdx": 1
},
{
"icon": {
"paths": [
"M810 554h-256v256h-84v-256h-256v-84h256v-256h84v256h256v84z"
],
"attrs": [],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
"add"
],
"defaultCode": 57669,
"grid": 24
},
"attrs": [],
"properties": {
"ligatures": "add",
"id": 12,
"order": 896,
"prevSize": 32,
"code": 57669,
"name": "add"
},
"setIdx": 3,
"setId": 0,
"iconIdx": 12
}
],
"height": 1024,

2
modules/UI/videolayout/RemoteVideo.js
View File

@ -397,7 +397,7 @@ RemoteVideo.prototype.addRemoteVideoMenu = function () {
this.container.appendChild(spanElement);
var menuElement = document.createElement('i');
menuElement.className = 'icon-menu-up';
menuElement.className = 'icon-thumb-menu';
menuElement.title = 'Remote user controls';
spanElement.appendChild(menuElement);