Update calling PiP icons

This commit is contained in:
Evan Hahn 2020-10-26 11:17:02 -05:00 committed by Evan Hahn
parent 18c71b291c
commit e7fb38473d
5 changed files with 11 additions and 5 deletions

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>collapse-24</title><polygon points="15.38 9.68 21.53 3.53 20.47 2.47 14.32 8.62 14.5 7.52 14.5 3 13 3 13 11 21 11 21 9.5 16.48 9.5 15.38 9.68"/><polygon points="3 13 3 14.5 7.52 14.5 8.62 14.32 2.47 20.47 3.53 21.53 9.68 15.38 9.5 16.48 9.5 21 11 21 11 13 3 13"/></svg>

Before

Width:  |  Height:  |  Size: 359 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>expand-24</title><polygon points="14 2 14 3.5 18.52 3.5 19.62 3.32 13.47 9.47 14.53 10.53 20.68 4.38 20.5 5.48 20.5 10 22 10 22 2 14 2"/><polygon points="4.38 20.68 10.53 14.53 9.47 13.47 3.32 19.62 3.5 18.52 3.5 14 2 14 2 22 10 22 10 20.5 5.48 20.5 4.38 20.68"/></svg>

Before

Width:  |  Height:  |  Size: 359 B

View File

@ -0,0 +1 @@
<svg id="Export" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,4H4A2,2,0,0,0,2,6V18a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V6A2,2,0,0,0,20,4Zm-9.28,7.78L7.28,8.34l.22,1.1V11H6V6h5V7.5H9.44l-1.1-.22,3.44,3.44ZM18,18H13V16.5h1.76l.85.17-3.39-3.39,1.06-1.06,3.44,3.44-.22-1.1V13H18Z"/></svg>

After

Width:  |  Height:  |  Size: 301 B

View File

@ -0,0 +1 @@
<svg id="Export" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,4.5a.5.5,0,0,1,.5.5V19a.5.5,0,0,1-.5.5H3a.5.5,0,0,1-.5-.5V5A.5.5,0,0,1,3,4.5H21M21,3H3A2,2,0,0,0,1,5V19a2,2,0,0,0,2,2H21a2,2,0,0,0,2-2V5a2,2,0,0,0-2-2ZM20,17.5V13a.5.5,0,0,0-.5-.5h-7a.5.5,0,0,0-.5.5v4.5a.5.5,0,0,0,.5.5h7A.5.5,0,0,0,20,17.5ZM9,7V9.06l.22,1.1L5.28,6.22,4.22,7.28l3.89,3.89L7.26,11H5v1.5h5.5V7Z"/></svg>

After

Width:  |  Height:  |  Size: 402 B

View File

@ -6053,7 +6053,7 @@ button.module-image__border-overlay:focus {
}
&__pip {
@include color-svg('../images/icons/v2/collapse-24.svg', $color-white);
@include color-svg('../images/icons/v2/pip-minimize-24.svg', $color-white);
height: 22px;
width: 22px;
}
@ -6360,11 +6360,17 @@ button.module-image__border-overlay:focus {
}
&--pip {
@include color-svg('../images/icons/v2/expand-24.svg', $color-gray-75);
@include color-svg(
'../images/icons/v2/pip-maximize-24.svg',
$color-gray-75
);
height: 24px;
width: 24px;
@include dark-theme {
@include color-svg('../images/icons/v2/expand-24.svg', $color-gray-15);
@include color-svg(
'../images/icons/v2/pip-maximize-24.svg',
$color-gray-15
);
}
}
}