scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-10 05:46:47 +08:00
Code Issues Projects Releases Packages Wiki Activity

Update Office icons and labels to match to the latest branding kit [SCI-11430] (#8125)

Browse source
This commit is contained in:
Alex Kriuchykhin 2025-01-10 13:43:23 +01:00 • committed by GitHub
parent 8b7562091e
commit 7b19a6ac52
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
43 changed files with 129 additions and 422 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
app/assets/images/icon_small/docx_file.svg
View file

@ -1,61 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<g clip-path="url(#clip0)">
<path fill="#fff" d="M19.715 20.571H6.857V3.43h9l3.858 3.857V20.57z"/>
<path fill="#949494" d="M15.857 3H6.428v18h13.715V7.286L15.857 3zm0 .643L19.5 7.286h-3.643V3.643zm3.857 16.928H6.857V3.43h8.572v4.285h4.285v12.857z"/>
<path fill="#C8C8C8" d="M18.428 9h-6.857v.428h6.857V9zM18.428 10.286h-6.857v.428h6.857v-.428zM18.428 11.571h-6.857V12h6.857v-.429zM18.428 12.857h-6.857v.429h6.857v-.429zM18.428 14.143h-6.857v.428h6.857v-.428zM18.428 15.429h-6.857v.428h6.857v-.428zM18.428 16.714h-6.857v.429h6.857v-.429zM18.428 18h-6.857v.428h6.857V18zM11.571 4.714H8.143v.429h3.428v-.429z"/>
<path fill="#2B579A" d="M3 9l8.571-1.286v11.143L3 17.571V9z"/>
<path fill="#fff" d="M10.286 11.143l-1.124 4.286H8.099l-.706-2.75c-.038-.143-.06-.304-.068-.481h-.012c-.018.195-.044.355-.077.481l-.724 2.75H5.405l-1.119-4.286h1.048l.599 2.854c.026.122.045.285.056.49h.018c.008-.153.037-.32.086-.502l.772-2.842H7.89l.698 2.878c.025.106.048.259.068.46h.012c.008-.157.028-.317.062-.478l.588-2.86h.967z"/>
<path fill="url(#paint0_linear)" d="M11.571 7.714L3 9v8.571l8.571 1.286V7.714z"/>
<path fill="url(#paint1_linear)" d="M11.571 20.143H6.428v-2.057l5.143.771v1.286z"/>
<path fill="url(#paint2_linear)" d="M20.143 7.286L15.857 3H6.428v18h13.715V7.286z"/>
<path fill="url(#paint3_linear)" d="M19.714 7.714H15.43V9h4.285V7.714z"/>
<path fill="url(#paint4_linear)" d="M6.428 3v.429h9v4.285h4.286v6h.429V7.286L15.857 3H6.428z"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="7.286" x2="7.286" y1="18.509" y2="8.039" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".859" stop-color="#fff" stop-opacity=".155"/>
<stop offset="1" stop-color="#fff" stop-opacity=".18"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="8.894" x2="9.076" y1="20.108" y2="18.398" gradientUnits="userSpaceOnUse">
<stop stop-color="#828282" stop-opacity="0"/>
<stop offset=".17" stop-color="#7E7E7E" stop-opacity=".034"/>
<stop offset=".346" stop-color="#717171" stop-opacity=".069"/>
<stop offset=".525" stop-color="#5D5D5D" stop-opacity=".105"/>
<stop offset=".706" stop-color="#404040" stop-opacity=".141"/>
<stop offset=".886" stop-color="#1B1B1B" stop-opacity=".178"/>
<stop offset=".997" stop-opacity=".2"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="4.966" x2="19.495" y1="4.227" y2="21.543" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".226" stop-color="#FCFCFC" stop-opacity=".023"/>
<stop offset=".363" stop-color="#F4F4F4" stop-opacity=".036"/>
<stop offset=".475" stop-color="#E6E6E6" stop-opacity=".048"/>
<stop offset=".574" stop-color="#D1D1D1" stop-opacity=".057"/>
<stop offset=".665" stop-color="#B7B7B7" stop-opacity=".067"/>
<stop offset=".75" stop-color="#979797" stop-opacity=".075"/>
<stop offset=".83" stop-color="#707070" stop-opacity=".083"/>
<stop offset=".906" stop-color="#444" stop-opacity=".091"/>
<stop offset=".976" stop-color="#121212" stop-opacity=".098"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="17.571" x2="17.571" y1="8.96" y2="7.752" gradientUnits="userSpaceOnUse">
<stop stop-color="#828282" stop-opacity="0"/>
<stop offset=".281" stop-color="#7F7F7F" stop-opacity=".028"/>
<stop offset=".45" stop-color="#777" stop-opacity=".045"/>
<stop offset=".59" stop-color="#696969" stop-opacity=".059"/>
<stop offset=".713" stop-color="#545454" stop-opacity=".071"/>
<stop offset=".826" stop-color="#3A3A3A" stop-opacity=".083"/>
<stop offset=".929" stop-color="#1A1A1A" stop-opacity=".093"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="14.687" x2="17.244" y1="6.956" y2="4.399" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".854" stop-color="#fff" stop-opacity=".213"/>
<stop offset="1" stop-color="#fff" stop-opacity=".25"/>
</linearGradient>
<clipPath id="clip0">
<path fill="#fff" d="M0 0H24V24H0z"/>
</clipPath>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 4.6 KiB

10
app/assets/images/icon_small/excel-document.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
<path class='OfficeIconColors_HighContrast' d='M 1792 896 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 219 -896 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m -1085 935 q 5 16 14 30 l 120 224 h 149 l -200 -323 l 195 -317 h -140 l -111 202 q -6 11 -11 23 q -5 11 -12 22 q -3 -7 -7 -18 q -5 -11 -12 -25 l -104 -204 h -152 l 189 319 l -207 321 h 150 m 1480 -896 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 h 1280 z' />
<path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
<path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
<path fill='#107C41' fill-opacity='1.000' d='M 1792 1152 h -512 v -128 h 512 z' />
<path fill='#33C481' fill-opacity='1.000' d='M 1792 896 h -512 v -128 h 512 z' />
<path fill='#134A2C' fill-opacity='1.000' d='M 1792 1408 h -512 v -128 h 512 z' />
<path fill='#107C41' fill-opacity='1.000' d='M 1037 1664 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 922 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 z' />
<path fill='#FFFFFF' fill-opacity='1.000' d='M 290 1408 l 207 -321 l -189 -319 h 152 l 104 204 q 7 14 11 25 q 4 11 8 18 q 7 -11 12 -22 q 5 -12 11 -23 l 111 -202 h 140 l -195 317 l 200 323 h -149 l -120 -224 q -9 -14 -14 -30 l -139 254 z' />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

10
app/assets/images/icon_small/powerpoint-document.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
<path class='OfficeIconColors_HighContrast' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 256 1883 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 m 768 -768 h 384 q 0 80 -30 150 q -30 69 -82 122 q -53 52 -123 82 q -70 30 -149 30 q -34 0 -66 -5 q -32 -6 -62 -17 v -724 q 30 -11 62 -16 q 32 -6 66 -6 m -790 414 q 7 0 11 -1 h 11 q 56 -3 100 -26 q 52 -27 81 -76 q 29 -49 29 -111 q 0 -96 -58 -149 q -54 -48 -152 -51 h -256 v 640 h 118 v -226 m 1034 -542 q 79 0 149 30 q 70 30 122 83 q 52 52 82 122 q 30 70 30 149 h -383 m -1034 60 v -217 h 116 q 2 0 3 1 q 1 0 3 0 h 9 q 92 12 92 105 q 0 55 -31 83 q -21 19 -54 25 q -10 2 -16 2 h -2 q -2 0 -3 1 q -2 0 -4 0 m 1049 -700 h 165 l -165 -165 z' />
<path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
<path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
<path fill='#ED6C47' fill-opacity='1.000' d='M 1536 640 q 79 0 149 30 q 70 30 123 83 q 52 52 82 122 q 30 70 30 149 h -384 m 256 128 q 0 80 -30 150 q -30 69 -82 122 q -53 52 -123 82 q -70 30 -149 30 q -34 0 -66 -5 q -32 -6 -62 -17 v -362 z' />
<path fill='#FF8F6B' fill-opacity='1.000' d='M 1280 790 q 30 -11 62 -16 q 32 -6 66 -6 v 384 h -128 z' />
<path fill='#FFFFFF' fill-opacity='0.498' d='M 1536 640 q 79 0 149 30 q 70 30 123 83 q 52 52 82 122 q 30 70 30 149 h -384 z' />
<path fill='#C43E1C' fill-opacity='1.000' d='M 1037 512 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 z' />
<path fill='#FFFFFF' fill-opacity='1.000' d='M 625 768 q 108 0 167 51 q 58 53 58 149 q 0 62 -29 111 q -29 49 -81 76 q -53 27 -122 27 h -116 v 226 h -118 v -640 m 118 316 h 102 q 61 0 90 -28 q 31 -28 31 -83 q 0 -106 -117 -106 h -106 z' />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

62
app/assets/images/icon_small/pptx_file.svg
View file

@ -1,62 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<g clip-path="url(#clip0)">
<path fill="#fff" d="M19.715 20.571H6.857V3.43h9l3.858 3.857V20.57z"/>
<path fill="#F5BA9D" d="M13.714 6c1.894 0 3.429 1.535 3.429 3.429h-3.429V6z"/>
<path fill="#949494" d="M15.857 3H6.428v18h13.715V7.286L15.857 3zm0 .643L19.5 7.286h-3.643V3.643zm3.857 16.928H6.857V3.43h8.572v4.285h4.285v12.857z"/>
<path fill="#C8C8C8" d="M17.143 9.857c0 2.13-1.727 3.857-3.857 3.857s-3.857-1.726-3.857-3.857C9.429 7.727 11.156 6 13.286 6v3.857h3.857zM18.428 16.714h-6.857v.429h6.857v-.429zM18.428 15.429h-6.857v.428h6.857v-.428zM18.428 18h-6.857v.428h6.857V18z"/>
<path fill="#B7472A" d="M3 9l8.571-1.286v11.143L3 17.571V9z"/>
<path fill="#fff" d="M6.76 14.085v1.772H5.571v-5.143h1.863c1.33 0 1.994.547 1.994 1.64 0 .516-.19.934-.572 1.253-.381.319-.891.479-1.53.479H6.76zm0-2.481v1.603h.468c.633 0 .949-.27.949-.81 0-.529-.316-.793-.95-.793H6.76zM15.857 3.857v3.429h3.429l-3.429-3.429z"/>
<path fill="url(#paint0_linear)" d="M20.143 7.286L15.857 3H6.428v18h13.715V7.286z"/>
<path fill="url(#paint1_linear)" d="M19.714 7.714H15.43V9h4.285V7.714z"/>
<path fill="url(#paint2_linear)" d="M6.428 3v.429h9v4.285h4.286v6h.429V7.286L15.857 3H6.428z"/>
<path fill="url(#paint3_linear)" d="M11.571 20.143H6.428v-2.057l5.143.771v1.286z"/>
<path fill="url(#paint4_linear)" d="M11.571 7.714L3 9v8.571l8.571 1.286V7.714z"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="4.966" x2="19.495" y1="4.227" y2="21.543" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".226" stop-color="#FCFCFC" stop-opacity=".023"/>
<stop offset=".363" stop-color="#F4F4F4" stop-opacity=".036"/>
<stop offset=".475" stop-color="#E6E6E6" stop-opacity=".048"/>
<stop offset=".574" stop-color="#D1D1D1" stop-opacity=".057"/>
<stop offset=".665" stop-color="#B7B7B7" stop-opacity=".067"/>
<stop offset=".75" stop-color="#979797" stop-opacity=".075"/>
<stop offset=".83" stop-color="#707070" stop-opacity=".083"/>
<stop offset=".906" stop-color="#444" stop-opacity=".091"/>
<stop offset=".976" stop-color="#121212" stop-opacity=".098"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="17.571" x2="17.571" y1="8.96" y2="7.752" gradientUnits="userSpaceOnUse">
<stop stop-color="#828282" stop-opacity="0"/>
<stop offset=".281" stop-color="#7F7F7F" stop-opacity=".028"/>
<stop offset=".45" stop-color="#777" stop-opacity=".045"/>
<stop offset=".59" stop-color="#696969" stop-opacity=".059"/>
<stop offset=".713" stop-color="#545454" stop-opacity=".071"/>
<stop offset=".826" stop-color="#3A3A3A" stop-opacity=".083"/>
<stop offset=".929" stop-color="#1A1A1A" stop-opacity=".093"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="14.687" x2="17.244" y1="6.956" y2="4.399" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".854" stop-color="#fff" stop-opacity=".213"/>
<stop offset="1" stop-color="#fff" stop-opacity=".25"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="8.894" x2="9.076" y1="20.108" y2="18.398" gradientUnits="userSpaceOnUse">
<stop stop-color="#828282" stop-opacity="0"/>
<stop offset=".17" stop-color="#7E7E7E" stop-opacity=".034"/>
<stop offset=".346" stop-color="#717171" stop-opacity=".069"/>
<stop offset=".525" stop-color="#5D5D5D" stop-opacity=".105"/>
<stop offset=".706" stop-color="#404040" stop-opacity=".141"/>
<stop offset=".886" stop-color="#1B1B1B" stop-opacity=".178"/>
<stop offset=".997" stop-opacity=".2"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="7.286" x2="7.286" y1="18.509" y2="8.039" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".859" stop-color="#fff" stop-opacity=".155"/>
<stop offset="1" stop-color="#fff" stop-opacity=".18"/>
</linearGradient>
<clipPath id="clip0">
<path fill="#fff" d="M0 0H24V24H0z"/>
</clipPath>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 4.5 KiB

10
app/assets/images/icon_small/word-document.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
<path class='OfficeIconColors_HighContrast' d='M 1792 896 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m -1397 -64 l -88 -448 h -117 l 142 640 h 137 l 90 -423 q 1 -6 3 -19 q 1 -13 3 -27 q 2 -14 4 -27 q 2 -13 4 -19 q 3 21 7 39 q 3 16 6 31 q 3 15 5 21 l 96 424 h 134 l 141 -640 h -115 l -80 443 q -5 23 -9 43 q -5 20 -4 37 q -4 -49 -12 -83 l -101 -440 h -126 l -97 447 q -5 14 -8 38 q -3 24 -6 39 m 1607 -908 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 293 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 h 1280 z' />
<path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
<path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
<path fill='#41A5EE' fill-opacity='1.000' d='M 1792 896 h -512 v -128 h 512 z' />
<path fill='#2B7CD3' fill-opacity='1.000' d='M 1792 1152 h -512 v -128 h 512 z' />
<path fill='#185ABD' fill-opacity='1.000' d='M 1792 1408 h -512 v -128 h 512 z' />
<path fill='#185ABD' fill-opacity='1.000' d='M 1037 1664 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 922 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 z' />
<path fill='#FFFFFF' fill-opacity='1.000' d='M 404 1292 q 3 -15 6 -39 q 3 -24 8 -38 l 97 -447 h 126 l 101 440 q 8 34 12 83 q 0 -17 4 -37 q 4 -20 9 -43 l 80 -443 h 115 l -141 640 h -134 l -96 -424 q -2 -6 -5 -21 q -3 -15 -6 -31 q -4 -18 -7 -39 q -2 6 -4 19 q -2 13 -4 27 q -2 14 -3 27 q -2 13 -3 19 l -90 423 h -137 l -142 -640 h 117 l 88 448 z' />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

83
app/assets/images/icon_small/xslx_file.svg
View file

@ -1,83 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<g clip-path="url(#clip0)">
<path fill="#fff" d="M19.469 3H6.812v16.594H8.22V21h12.656V4.406L19.469 3z"/>
<path fill="#217346" d="M19.469 3H6.812v2.531H19.47V3.844l1.406 1.406v-.844L19.469 3z"/>
<path fill="#949494" d="M20.313 4.688v15.75H8.78v-.844H19.47V5.53h-.563v13.5H7.375v-13.5h-.563v14.063H8.22V21h12.656V5.25l-.563-.563z"/>
<path fill="#217346" d="M4 8.906L12.719 7.5v11.25L4 17.344V8.906z"/>
<path fill="#fff" d="M10.75 15.656H9.372l-.889-1.648c-.033-.062-.068-.174-.104-.34h-.014c-.017.078-.057.196-.119.354l-.892 1.634H5.969l1.644-2.531-1.504-2.531h1.414l.737 1.518c.058.12.11.262.155.427h.015c.028-.099.082-.246.161-.441l.82-1.504h1.296l-1.547 2.51 1.59 2.552z"/>
<path fill="#C8C8C8" d="M18.063 10.031H15.53v1.125h2.531v-1.125zM18.063 8.344H15.53v1.125h2.531V8.344zM18.063 11.719H15.53v1.125h2.531v-1.125zM18.063 16.781H15.53v1.125h2.531v-1.125zM18.063 13.406H15.53v1.125h2.531v-1.125zM18.063 15.094H15.53v1.125h2.531v-1.125zM14.969 10.031h-2.25v1.125h2.25v-1.125zM14.969 8.344h-2.25v1.125h2.25V8.344zM14.969 11.719h-2.25v1.125h2.25v-1.125zM14.969 16.781h-2.25v1.125h2.25v-1.125zM14.969 13.406h-2.25v1.125h2.25v-1.125zM14.969 15.094h-2.25v1.125h2.25v-1.125z"/>
<path fill="url(#paint0_linear)" d="M19.469 5.531H6.812v14.063H19.47V5.53z"/>
<path fill="url(#paint1_linear)" d="M19.469 3H6.812v2.531H19.47V3.844l1.406 1.406v-.844L19.469 3z"/>
<path fill="url(#paint2_linear)" d="M19.469 3.844v15.75H8.219V21h12.656V5.25l-1.406-1.406z"/>
<path fill="url(#paint3_linear)" d="M19.469 19.594H8.219V21h11.25v-1.406z"/>
<path fill="url(#paint4_linear)" d="M12.719 20.156h-4.5v-.562H6.813v-1.795l5.906.951v1.406z"/>
<path fill="url(#paint5_linear)" d="M12.719 7.5L4 8.906v8.438l8.719 1.406V7.5z"/>
<path fill="url(#paint6_linear)" d="M12.719 7.5L4 8.906v8.438l8.719 1.406V7.5z"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="7.331" x2="18.95" y1="5.126" y2="19.999" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".226" stop-color="#FCFCFC" stop-opacity=".023"/>
<stop offset=".363" stop-color="#F4F4F4" stop-opacity=".036"/>
<stop offset=".475" stop-color="#E6E6E6" stop-opacity=".048"/>
<stop offset=".574" stop-color="#D1D1D1" stop-opacity=".057"/>
<stop offset=".665" stop-color="#B7B7B7" stop-opacity=".067"/>
<stop offset=".75" stop-color="#979797" stop-opacity=".075"/>
<stop offset=".83" stop-color="#707070" stop-opacity=".083"/>
<stop offset=".906" stop-color="#444" stop-opacity=".091"/>
<stop offset=".976" stop-color="#121212" stop-opacity=".098"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="13.769" x2="13.916" y1="5.55" y2="2.749" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".854" stop-color="#fff" stop-opacity=".213"/>
<stop offset="1" stop-color="#fff" stop-opacity=".25"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="11.91" x2="20.766" y1="9.75" y2="21.085" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".226" stop-color="#FCFCFC" stop-opacity=".023"/>
<stop offset=".363" stop-color="#F4F4F4" stop-opacity=".036"/>
<stop offset=".475" stop-color="#E6E6E6" stop-opacity=".048"/>
<stop offset=".574" stop-color="#D1D1D1" stop-opacity=".057"/>
<stop offset=".665" stop-color="#B7B7B7" stop-opacity=".067"/>
<stop offset=".75" stop-color="#979797" stop-opacity=".075"/>
<stop offset=".83" stop-color="#707070" stop-opacity=".083"/>
<stop offset=".906" stop-color="#444" stop-opacity=".091"/>
<stop offset=".976" stop-color="#121212" stop-opacity=".098"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="13.844" x2="13.844" y1="20.956" y2="19.635" gradientUnits="userSpaceOnUse">
<stop stop-color="#828282" stop-opacity="0"/>
<stop offset=".281" stop-color="#7F7F7F" stop-opacity=".028"/>
<stop offset=".45" stop-color="#777" stop-opacity=".045"/>
<stop offset=".59" stop-color="#696969" stop-opacity=".059"/>
<stop offset=".713" stop-color="#545454" stop-opacity=".071"/>
<stop offset=".826" stop-color="#3A3A3A" stop-opacity=".083"/>
<stop offset=".929" stop-color="#1A1A1A" stop-opacity=".093"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="9.631" x2="9.85" y1="20.238" y2="18.188" gradientUnits="userSpaceOnUse">
<stop stop-color="#828282" stop-opacity="0"/>
<stop offset=".281" stop-color="#7F7F7F" stop-opacity=".056"/>
<stop offset=".45" stop-color="#777" stop-opacity=".09"/>
<stop offset=".59" stop-color="#696969" stop-opacity=".118"/>
<stop offset=".713" stop-color="#545454" stop-opacity=".143"/>
<stop offset=".826" stop-color="#3A3A3A" stop-opacity=".165"/>
<stop offset=".929" stop-color="#1A1A1A" stop-opacity=".186"/>
<stop offset="1" stop-opacity=".2"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="8.359" x2="8.359" y1="18.398" y2="7.828" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".859" stop-color="#fff" stop-opacity=".155"/>
<stop offset="1" stop-color="#fff" stop-opacity=".18"/>
</linearGradient>
<linearGradient id="paint6_linear" x1="8.359" x2="8.359" y1="18.398" y2="7.828" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity="0"/>
<stop offset=".859" stop-color="#fff" stop-opacity=".155"/>
<stop offset="1" stop-color="#fff" stop-opacity=".18"/>
</linearGradient>
<clipPath id="clip0">
<path fill="#fff" d="M0 0H24V24H0z"/>
</clipPath>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 6.2 KiB

BIN
app/assets/images/office/Excel-color_16x16x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
app/assets/images/office/Excel-xlsx_20x20x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
app/assets/images/office/PowerPoint-Color_16x16x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
app/assets/images/office/PowerPoint-pptx_20x20x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
app/assets/images/office/Word-color_16x16x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
app/assets/images/office/Word-docx_20x20x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

16
app/assets/images/office/ms-excel-active.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Excel_32x</title><rect width="32" height="32" fill="none"/><path d="M30.666,2H9.333A1.333,1.333,0,0,0,8,3.333V8H1.334A1.333,1.333,0,0,0,0,9.334V22.666A1.334,1.334,0,0,0,1.334,24H8v4.667A1.333,1.333,0,0,0,9.333,30H30.666A1.334,1.334,0,0,0,32,28.667V3.334A1.334,1.334,0,0,0,30.666,2ZM9,3.334A.333.333,0,0,1,9.333,3H19V9H16v1h3v6H16V9.334A1.333,1.333,0,0,0,14.666,8H9ZM19,17v6H15.932A1.32,1.32,0,0,0,16,22.666V17Zm-10.971.7c0,.005-1.945,3.553-1.945,3.553H3.2l3.31-5.129L3.483,11.03H6.394l1.642,3.234c.033.067.063.129.091.188l.107-.216L9.99,11.03h2.723L9.605,16.1,12.79,21.25H9.927S8.033,17.7,8.029,17.7ZM9.333,29A.332.332,0,0,1,9,28.667V24H19l.009,5ZM31,28.667a.334.334,0,0,1-.334.333H20.01L20,24H31ZM31,23H20V17H31Zm0-7H20V10H31Zm0-7H20V3H30.666A.334.334,0,0,1,31,3.334Z" fill="#fff"/></svg>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>1DBED704-6E88-4AE3-B2F9-3410F58D52C1</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-XLSX-file-dialog" transform="translate(-224.000000, -172.000000)" fill="#FFFFFF">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-2" transform="translate(153.000000, 0.000000)">
<path d="M46.404,11.844 L35.684,11.844 L35.684,13.828 L38.844,13.828 L38.844,16.9666667 L35.684,16.9666667 L35.684,17.9666667 L38.844,17.9666667 L38.844,21.1093333 L35.684,21.1093333 L35.684,22.1373333 L38.844,22.1373333 L38.844,25.1093333 L35.684,25.1093333 L35.684,26.3 L38.844,26.3 L38.844,29.2786667 L35.684,29.2786667 L35.684,30.4693333 L38.844,30.4693333 L38.844,33.4653333 L35.684,33.4653333 L35.684,35.6506667 L46.404,35.6506667 C46.5733333,35.6 46.7146667,35.4 46.828,35.0533333 C46.9413333,34.704 47,34.42 47,34.2053333 L47,12.2066667 C47,12.036 46.9413333,11.9333333 46.828,11.8973333 C46.7146667,11.8626667 46.5733333,11.844 46.404,11.844 Z M45.0133333,33.4626667 L39.8706667,33.4626667 L39.8706667,30.4693333 L45.0133333,30.4693333 L45.0133333,33.4653333 L45.0133333,33.4626667 Z M45.0133333,29.2786667 L39.8706667,29.2786667 L39.8706667,26.2986667 L45.0133333,26.2986667 L45.0133333,29.2786667 Z M45.0133333,25.108 L39.8706667,25.108 L39.8706667,22.1493333 L45.0133333,22.1493333 L45.0133333,25.1106667 L45.0133333,25.108 Z M45.0133333,21.108 L39.8706667,21.108 L39.8706667,17.9693333 L45.0133333,17.9693333 L45.0133333,21.1093333 L45.0133333,21.108 L45.0133333,21.108 Z M45.0133333,16.9493333 L39.8706667,16.9493333 L39.8706667,13.8293333 L45.0133333,13.8293333 L45.0133333,16.9693333 L45.0133333,16.9493333 L45.0133333,16.9493333 Z M15,11.3493333 L15,36.1506667 L33.88,39.416 L33.88,8 L15,11.36 L15,11.3493333 Z M26.1906667,30.1106667 C26.1186667,29.916 25.78,29.0893333 25.18,27.6266667 C24.5813333,26.1653333 24.22,25.3146667 24.1146667,25.072 L24.0813333,25.072 L22.056,29.892 L19.3493333,29.7093333 L22.56,23.7093333 L19.62,17.7093333 L22.38,17.564 L24.204,22.2586667 L24.24,22.2586667 L26.3,17.3506667 L29.152,17.1706667 L25.756,23.664 L29.256,30.288 L26.1906667,30.108 L26.1906667,30.1106667 L26.1906667,30.1106667 Z" id="ms-excel-active"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 856 B

16
app/assets/images/office/ms-excel-inactive.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Excel_32x</title><path d="M20,2H9.333A1.333,1.333,0,0,0,8,3.333V9l12,7,6,2.531L32,16V9Z" fill="#21a366"/><rect x="8" y="9" width="12" height="7" fill="#107c41"/><path d="M30.667,2H20V9H32V3.333A1.333,1.333,0,0,0,30.667,2Z" fill="#33c481"/><path d="M20,16H8V28.666A1.333,1.333,0,0,0,9.333,30H30.667A1.333,1.333,0,0,0,32,28.666V23Z" fill="#185c37"/><rect x="20" y="16" width="12" height="7" fill="#107c41"/><path d="M16.667,7H8V26h8.667A1.337,1.337,0,0,0,18,24.666V8.333A1.337,1.337,0,0,0,16.667,7Z" opacity="0.1"/><path d="M15.667,8H8V27h7.667A1.337,1.337,0,0,0,17,25.666V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M15.667,8H8V25h7.667A1.337,1.337,0,0,0,17,23.666V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M14.667,8H8V25h6.667A1.337,1.337,0,0,0,16,23.666V9.333A1.337,1.337,0,0,0,14.667,8Z" opacity="0.2"/><rect x="0.001" y="8" width="15.999" height="15.999" rx="1.333" fill="#107c41"/><path d="M3.658,21,6.8,16.126,3.923,11.279H6.241l1.573,3.1c.144.294.244.513.3.658h.02c.1-.235.213-.464.326-.685l1.681-3.071h2.128L9.312,16.1l3.03,4.9H10.078L8.261,17.6a2.881,2.881,0,0,1-.217-.454H8.017a2.188,2.188,0,0,1-.21.44L5.936,21Z" fill="#fff"/><rect width="32" height="32" fill="none"/></svg>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>4C8BB196-A5E9-45E1-A350-99BB0AD162B7</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-PPTX-file-dialog" transform="translate(-224.000000, -172.000000)" fill="#217346">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-2" transform="translate(153.000000, 0.000000)">
<path d="M46.404,11.844 L35.684,11.844 L35.684,13.828 L38.844,13.828 L38.844,16.9666667 L35.684,16.9666667 L35.684,17.9666667 L38.844,17.9666667 L38.844,21.1093333 L35.684,21.1093333 L35.684,22.1373333 L38.844,22.1373333 L38.844,25.1093333 L35.684,25.1093333 L35.684,26.3 L38.844,26.3 L38.844,29.2786667 L35.684,29.2786667 L35.684,30.4693333 L38.844,30.4693333 L38.844,33.4653333 L35.684,33.4653333 L35.684,35.6506667 L46.404,35.6506667 C46.5733333,35.6 46.7146667,35.4 46.828,35.0533333 C46.9413333,34.704 47,34.42 47,34.2053333 L47,12.2066667 C47,12.036 46.9413333,11.9333333 46.828,11.8973333 C46.7146667,11.8626667 46.5733333,11.844 46.404,11.844 Z M45.0133333,33.4626667 L39.8706667,33.4626667 L39.8706667,30.4693333 L45.0133333,30.4693333 L45.0133333,33.4653333 L45.0133333,33.4626667 Z M45.0133333,29.2786667 L39.8706667,29.2786667 L39.8706667,26.2986667 L45.0133333,26.2986667 L45.0133333,29.2786667 Z M45.0133333,25.108 L39.8706667,25.108 L39.8706667,22.1493333 L45.0133333,22.1493333 L45.0133333,25.1106667 L45.0133333,25.108 Z M45.0133333,21.108 L39.8706667,21.108 L39.8706667,17.9693333 L45.0133333,17.9693333 L45.0133333,21.1093333 L45.0133333,21.108 L45.0133333,21.108 Z M45.0133333,16.9493333 L39.8706667,16.9493333 L39.8706667,13.8293333 L45.0133333,13.8293333 L45.0133333,16.9693333 L45.0133333,16.9493333 L45.0133333,16.9493333 Z M15,11.3493333 L15,36.1506667 L33.88,39.416 L33.88,8 L15,11.36 L15,11.3493333 Z M26.1906667,30.1106667 C26.1186667,29.916 25.78,29.0893333 25.18,27.6266667 C24.5813333,26.1653333 24.22,25.3146667 24.1146667,25.072 L24.0813333,25.072 L22.056,29.892 L19.3493333,29.7093333 L22.56,23.7093333 L19.62,17.7093333 L22.38,17.564 L24.204,22.2586667 L24.24,22.2586667 L26.3,17.3506667 L29.152,17.1706667 L25.756,23.664 L29.256,30.288 L26.1906667,30.108 L26.1906667,30.1106667 L26.1906667,30.1106667 Z" id="ms-excel-217346"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

16
app/assets/images/office/ms-pwrpt-active.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>PowerPoint_32x</title><path d="M9.01,15.047a1.97,1.97,0,0,1-1.324.382H6.25V12.8h1.5c1.506,0,1.681.8,1.681,1.407A.867.867,0,0,1,9.01,15.047ZM32,16A13.98,13.98,0,0,1,6.541,24H1.334A1.337,1.337,0,0,1,0,22.667V9.334A1.338,1.338,0,0,1,1.334,8H6.549A13.991,13.991,0,0,1,18,2h.01A14.033,14.033,0,0,1,32,16ZM19,3.05V16H31A13.005,13.005,0,0,0,19,3.05ZM7.8,8h6.867A1.337,1.337,0,0,1,16,9.334V16h2V3h0A12.951,12.951,0,0,0,7.8,8Zm.109,9.577a4.824,4.824,0,0,0,2.127-.448,3.421,3.421,0,0,0,1.446-1.278,2.958,2.958,0,0,0,.51-1.718,3.124,3.124,0,0,0-1.044-2.52,4.417,4.417,0,0,0-2.913-.863H3.792V21.24H6.25V17.577ZM30.949,17H16v5.667A1.337,1.337,0,0,1,14.667,24H7.8a12.96,12.96,0,0,0,23.152-7Z" fill="#fff"/></svg>
<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>20B71793-99D3-4CCE-9F03-A003272E0F54</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-PPTX-file-dialog" transform="translate(-378.000000, -173.000000)" fill="#FFFFFF">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-3" transform="translate(306.000000, 0.000000)">
<path d="M47.312,13.4933333 L35.9226667,13.4933333 L35.9226667,17.7413333 C36.6093333,17.2213333 37.432,16.9573333 38.396,16.9573333 L38.396,21.088 L42.4946667,21.088 C42.4746667,22.2466667 42.0746667,23.224 41.2933333,24.012 C40.5146667,24.8013333 39.536,25.2066667 38.376,25.2333333 C37.476,25.2066667 36.656,24.936 35.9373333,24.4133333 L35.9373333,27.252 L44.896,27.252 L44.896,28.6453333 L35.9346667,28.6453333 L35.9346667,30.3693333 L44.888,30.3693333 L44.888,31.7453333 L35.9293333,31.7453333 L35.9293333,34.8653333 L47.32,34.8653333 C47.7813333,34.8653333 48,34.6226667 48,34.1493333 L48,14.1733333 C48,13.7173333 47.7813333,13.4933333 47.32,13.4933333 L47.312,13.4933333 Z M39.04,20.408 L39.04,16.2426667 C40.2,16.2693333 41.1733333,16.672 41.9573333,17.456 C42.7386667,18.24 43.1453333,19.224 43.1653333,20.408 L39.04,20.408 Z M27.008,20.4773333 C26.9373333,20.2093333 26.8213333,20.0013333 26.6573333,19.848 C26.4973333,19.6986667 26.2813333,19.5893333 26.0133333,19.52 C25.7133333,19.4386667 25.404,19.4 25.0933333,19.4 L24.1333333,19.4186667 L24.1333333,23.4173333 L24.168,23.4173333 C24.516,23.4386667 24.8813333,23.4386667 25.268,23.4173333 C25.648,23.3973333 26.008,23.2973333 26.3466667,23.1173333 C26.764,22.8173333 27.0133333,22.4173333 27.0946667,21.8986667 C27.1746667,21.3773333 27.1466667,20.8773333 27.0093333,20.4173333 L27.0093333,20.4773333 L27.008,20.4773333 Z M16,12.2386667 L16,36.1666667 L34.2506667,39.32 L34.2506667,9 L16,12.2386667 Z M29.6173333,23.0213333 C29.1173333,24.18 28.3706667,24.9213333 27.372,25.2413333 C26.3733333,25.56 25.2946667,25.684 24.1333333,25.6133333 L24.1333333,30.176 L21.732,29.8973333 L21.732,17.3613333 L25.544,17.1626667 C26.2506667,17.1186667 26.9493333,17.196 27.632,17.4026667 C28.3186667,17.6053333 28.8613333,18.0146667 29.2626667,18.632 C29.6626667,19.2466667 29.888,19.96 29.9426667,20.772 C29.992,21.584 29.8853333,22.3346667 29.6173333,23.0213333 L29.6173333,23.0213333 Z" id="ms-pwrpt-active"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 765 B

16
app/assets/images/office/ms-pwrpt-inactive.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>PowerPoint_32x</title><path d="M18,2A14.041,14.041,0,0,0,4,16l17.737,3.737Z" fill="#ed6c47"/><path d="M18.01,2A14.033,14.033,0,0,1,32,16l-7,4.758L18.01,16Z" fill="#ff8f6b"/><path d="M18,30A14.041,14.041,0,0,0,32,16H4A14.041,14.041,0,0,0,18,30Z" fill="#d35230"/><path d="M16.666,7H7.305a13.915,13.915,0,0,0,.931,19h8.43A1.337,1.337,0,0,0,18,24.667V8.333A1.337,1.337,0,0,0,16.666,7Z" opacity="0.1"/><path d="M15.666,8H6.539A13.907,13.907,0,0,0,9.384,27h6.282A1.337,1.337,0,0,0,17,25.667V9.333A1.337,1.337,0,0,0,15.666,8Z" opacity="0.2"/><path d="M15.666,8H6.539a13.891,13.891,0,0,0,.766,17h8.361A1.337,1.337,0,0,0,17,23.667V9.333A1.337,1.337,0,0,0,15.666,8Z" opacity="0.2"/><path d="M14.666,8H6.539a13.891,13.891,0,0,0,.766,17h7.361A1.337,1.337,0,0,0,16,23.667V9.333A1.337,1.337,0,0,0,14.666,8Z" opacity="0.2"/><rect y="8" width="16" height="16" rx="1.333" fill="#c43e1c"/><path d="M8.035,11a4.163,4.163,0,0,1,2.752.8,2.878,2.878,0,0,1,.955,2.329,2.729,2.729,0,0,1-.472,1.586A3.165,3.165,0,0,1,9.927,16.9a4.567,4.567,0,0,1-2.018.423H6V20.99H4.042V11ZM6,15.678H7.685a2.192,2.192,0,0,0,1.49-.444,1.1,1.1,0,0,0,.5-1.024q0-1.658-1.931-1.657H6Z" fill="#f9f7f7"/><rect width="32" height="32" fill="none"/></svg>
<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>7D86E2E5-6A35-46CC-B7FA-7880CD9FA8DB</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-XLSX-file-dialog" transform="translate(-378.000000, -173.000000)" fill="#D24726">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-3" transform="translate(306.000000, 0.000000)">
<path d="M47.312,13.4933333 L35.9226667,13.4933333 L35.9226667,17.7413333 C36.6093333,17.2213333 37.432,16.9573333 38.396,16.9573333 L38.396,21.088 L42.4946667,21.088 C42.4746667,22.2466667 42.0746667,23.224 41.2933333,24.012 C40.5146667,24.8013333 39.536,25.2066667 38.376,25.2333333 C37.476,25.2066667 36.656,24.936 35.9373333,24.4133333 L35.9373333,27.252 L44.896,27.252 L44.896,28.6453333 L35.9346667,28.6453333 L35.9346667,30.3693333 L44.888,30.3693333 L44.888,31.7453333 L35.9293333,31.7453333 L35.9293333,34.8653333 L47.32,34.8653333 C47.7813333,34.8653333 48,34.6226667 48,34.1493333 L48,14.1733333 C48,13.7173333 47.7813333,13.4933333 47.32,13.4933333 L47.312,13.4933333 Z M39.04,20.408 L39.04,16.2426667 C40.2,16.2693333 41.1733333,16.672 41.9573333,17.456 C42.7386667,18.24 43.1453333,19.224 43.1653333,20.408 L39.04,20.408 Z M27.008,20.4773333 C26.9373333,20.2093333 26.8213333,20.0013333 26.6573333,19.848 C26.4973333,19.6986667 26.2813333,19.5893333 26.0133333,19.52 C25.7133333,19.4386667 25.404,19.4 25.0933333,19.4 L24.1333333,19.4186667 L24.1333333,23.4173333 L24.168,23.4173333 C24.516,23.4386667 24.8813333,23.4386667 25.268,23.4173333 C25.648,23.3973333 26.008,23.2973333 26.3466667,23.1173333 C26.764,22.8173333 27.0133333,22.4173333 27.0946667,21.8986667 C27.1746667,21.3773333 27.1466667,20.8773333 27.0093333,20.4173333 L27.0093333,20.4773333 L27.008,20.4773333 Z M16,12.2386667 L16,36.1666667 L34.2506667,39.32 L34.2506667,9 L16,12.2386667 Z M29.6173333,23.0213333 C29.1173333,24.18 28.3706667,24.9213333 27.372,25.2413333 C26.3733333,25.56 25.2946667,25.684 24.1333333,25.6133333 L24.1333333,30.176 L21.732,29.8973333 L21.732,17.3613333 L25.544,17.1626667 C26.2506667,17.1186667 26.9493333,17.196 27.632,17.4026667 C28.3186667,17.6053333 28.8613333,18.0146667 29.2626667,18.632 C29.6626667,19.2466667 29.888,19.96 29.9426667,20.772 C29.992,21.584 29.8853333,22.3346667 29.6173333,23.0213333 L29.6173333,23.0213333 Z" id="ms-pwrpt-D24726"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

16
app/assets/images/office/ms-word-active.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Word_32x</title><path d="M30.667,2H9.333A1.333,1.333,0,0,0,8,3.334V8H1.333A1.337,1.337,0,0,0,0,9.334V22.667A1.337,1.337,0,0,0,1.333,24H8v4.667A1.333,1.333,0,0,0,9.334,30H30.667A1.333,1.333,0,0,0,32,28.667V3.334A1.333,1.333,0,0,0,30.667,2ZM8.044,14.94,6.033,21.25H3.845l-2.1-10.5h2.31L5.3,16.984,7.166,10.95H9.037L10.8,16.957l1.241-6.207h2.21l-2.1,10.5H9.965ZM31,28.667a.333.333,0,0,1-.333.333H9.334A.333.333,0,0,1,9,28.667V24H31ZM31,23H15.932A1.28,1.28,0,0,0,16,22.667V17H31Zm0-7H16V10H31Zm0-7H15.932a1.319,1.319,0,0,0-1.265-1H9V3.334A.333.333,0,0,1,9.333,3H30.667A.333.333,0,0,1,31,3.334Z" fill="#fff"/></svg>
<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>58A7CABD-8C13-4F38-A224-E58B3FEF6D9B</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-DOCX-file-dialog" transform="translate(-71.000000, -173.000000)" fill="#FFFFFF">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-1">
<path d="M46.9999783,13.1281692 L46.9999783,35.1917402 C46.9999783,35.3797479 46.9333089,35.5317542 46.8013035,35.6530925 C46.6666313,35.7784309 46.5066247,35.8371 46.3212838,35.8371 L34.908816,35.8371 L34.908816,32.7769746 L44.2185309,32.7769746 L44.2185309,31.3835841 L34.9008157,31.3835841 L34.9008157,29.6781809 L44.2105306,29.6781809 L44.2105306,28.2861238 L34.9074826,28.2861238 L34.9074826,26.5660533 L44.2145308,26.5660533 L44.2145308,25.1899969 L34.9074826,25.1899969 L34.9074826,23.4659263 L44.2145308,23.4659263 L44.2145308,22.0738692 L34.9074826,22.0738692 L34.9074826,20.368466 L44.2145308,20.368466 L44.2145308,18.9777423 L34.9074826,18.9777423 L34.9074826,17.237671 L44.2145308,17.237671 L44.2145308,15.9122833 L34.9074826,15.9122833 L34.9074826,12.4548083 L46.3239506,12.4548083 C46.5226254,12.4548083 46.6839653,12.5188109 46.8013035,12.6534831 C46.9413092,12.7854885 47.0013117,12.9468284 46.9999783,13.1281692 Z M33.200746,9.00533355 L33.200746,39.3025754 L15,36.153113 L15,12.2401328 L33.200746,9 L33.200746,9.00533355 Z M30.4539668,17.9497002 L28.1752067,18.0897059 L26.7138135,27.1367434 L26.6804788,27.1367434 C26.6084758,26.7087258 26.3404648,25.2099977 25.8604451,22.647226 L25.0084102,18.296381 L22.8696559,18.4030521 L22.0136208,22.647226 C21.5136003,25.1193274 21.2349222,26.558053 21.1615859,26.9620696 L21.1415851,26.9620696 L19.8415318,18.6283946 L17.8814514,18.7323989 L19.9815375,29.2434964 L22.1602935,29.3835021 L22.9803271,25.2926678 C23.4603468,22.8925694 23.7403583,21.4978456 23.8003607,21.1164966 L23.8603632,21.1164966 C23.9416998,21.52318 24.2017105,22.9485717 24.6803968,25.3966721 L25.5004304,29.6075113 L27.8605271,29.7475171 L30.5006353,17.9470334 L30.4539668,17.9470334 L30.4539668,17.9497002 Z" id="ms-word-active"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 677 B

16
app/assets/images/office/ms-word-inactive.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Word_32x</title><path d="M30.667,2H9.333A1.333,1.333,0,0,0,8,3.333V9l12,3.5L32,9V3.333A1.333,1.333,0,0,0,30.667,2Z" fill="#41a5ee"/><polygon points="32 9 8 9 8 16 20 19.5 32 16 32 9" fill="#2b7cd3"/><polygon points="32 16 8 16 8 23 20 26.5 32 23 32 16" fill="#185abd"/><path d="M32,23H8v5.667A1.333,1.333,0,0,0,9.333,30H30.667A1.333,1.333,0,0,0,32,28.667Z" fill="#103f91"/><path d="M16.667,7H8V26h8.667A1.337,1.337,0,0,0,18,24.667V8.333A1.337,1.337,0,0,0,16.667,7Z" opacity="0.1"/><path d="M15.667,8H8V27h7.667A1.337,1.337,0,0,0,17,25.667V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M15.667,8H8V25h7.667A1.337,1.337,0,0,0,17,23.667V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M14.667,8H8V25h6.667A1.337,1.337,0,0,0,16,23.667V9.333A1.337,1.337,0,0,0,14.667,8Z" opacity="0.2"/><rect y="8" width="16" height="16" rx="1.333" fill="#185abd"/><path d="M11.95,21h-1.8l-2.1-6.9L5.85,21H4.05l-2-10h1.8l1.4,7,2.1-6.8h1.5l2,6.8,1.4-7h1.7Z" fill="#fff"/><rect width="32" height="32" fill="none"/></svg>
<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>31E0F97F-2288-43F7-8844-5D70AE3003E4</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-XLSX-file-dialog" transform="translate(-71.000000, -173.000000)" fill="#2B579A">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-1">
<path d="M46.9999783,13.1281692 L46.9999783,35.1917402 C46.9999783,35.3797479 46.9333089,35.5317542 46.8013035,35.6530925 C46.6666313,35.7784309 46.5066247,35.8371 46.3212838,35.8371 L34.908816,35.8371 L34.908816,32.7769746 L44.2185309,32.7769746 L44.2185309,31.3835841 L34.9008157,31.3835841 L34.9008157,29.6781809 L44.2105306,29.6781809 L44.2105306,28.2861238 L34.9074826,28.2861238 L34.9074826,26.5660533 L44.2145308,26.5660533 L44.2145308,25.1899969 L34.9074826,25.1899969 L34.9074826,23.4659263 L44.2145308,23.4659263 L44.2145308,22.0738692 L34.9074826,22.0738692 L34.9074826,20.368466 L44.2145308,20.368466 L44.2145308,18.9777423 L34.9074826,18.9777423 L34.9074826,17.237671 L44.2145308,17.237671 L44.2145308,15.9122833 L34.9074826,15.9122833 L34.9074826,12.4548083 L46.3239506,12.4548083 C46.5226254,12.4548083 46.6839653,12.5188109 46.8013035,12.6534831 C46.9413092,12.7854885 47.0013117,12.9468284 46.9999783,13.1281692 Z M33.200746,9.00533355 L33.200746,39.3025754 L15,36.153113 L15,12.2401328 L33.200746,9 L33.200746,9.00533355 Z M30.4539668,17.9497002 L28.1752067,18.0897059 L26.7138135,27.1367434 L26.6804788,27.1367434 C26.6084758,26.7087258 26.3404648,25.2099977 25.8604451,22.647226 L25.0084102,18.296381 L22.8696559,18.4030521 L22.0136208,22.647226 C21.5136003,25.1193274 21.2349222,26.558053 21.1615859,26.9620696 L21.1415851,26.9620696 L19.8415318,18.6283946 L17.8814514,18.7323989 L19.9815375,29.2434964 L22.1602935,29.3835021 L22.9803271,25.2926678 C23.4603468,22.8925694 23.7403583,21.4978456 23.8003607,21.1164966 L23.8603632,21.1164966 C23.9416998,21.52318 24.2017105,22.9485717 24.6803968,25.3966721 L25.5004304,29.6075113 L27.8605271,29.7475171 L30.5006353,17.9470334 L30.4539668,17.9470334 L30.4539668,17.9497002 Z" id="ms-word-2B579A"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

1
app/assets/stylesheets/application.sass.scss
View file

@ -141,6 +141,7 @@
@import "steps"; @import "steps";
@import "system_notifications"; @import "system_notifications";
@import "tiny_mce"; @import "tiny_mce";
@import "office";
// Addons // Addons

4
app/assets/stylesheets/my_modules.scss
View file

@ -106,6 +106,10 @@ html {
border-top: 0; border-top: 0;
} }
img {
width: 32px;
}
label.btn { label.btn {
background-color: $color-white; background-color: $color-white;
color: $color-emperor; color: $color-emperor;

23
app/assets/stylesheets/office.scss Normal file
View file

@ -0,0 +1,23 @@
.sn-icon-file-word::before,
.sn-icon-file-powerpoint::before,
.sn-icon-file-excel::before {
background-repeat: no-repeat;
background-size: 1rem auto;
content: '' !important;
display: inline-block;
height: 1rem;
vertical-align: middle;
width: 1rem;
}
.sn-icon-file-word::before {
background-image: url('/images/office/word-document.svg');
}
.sn-icon-file-powerpoint::before {
background-image: url('/images/office/powerpoint-document.svg');
}
.sn-icon-file-excel::before {
background-image: url('/images/office/excel-document.svg');
}

6
app/assets/stylesheets/shared_styles/constants/colors.scss
View file

@ -82,9 +82,9 @@ $brand-complementary: #ffcf26;
$brand-warning-light: #fbebd3; $brand-warning-light: #fbebd3;
// MS Office colors: // MS Office colors:
$office-ms-word: #2b579a; $office-ms-word: #1759BC;
$office-ms-excel: #217346; $office-ms-excel: #0F7B41;
$office-ms-powerpoint: #d24726; $office-ms-powerpoint: #C33E1B;
// MarvinJS color: // MarvinJS color:
$marvinjs-color: #29999c; $marvinjs-color: #29999c;

14
app/helpers/file_icons_helper.rb
View file

@ -3,6 +3,8 @@
module FileIconsHelper module FileIconsHelper
def wopi_file?(asset) def wopi_file?(asset)
file_ext = asset.file_name.split('.').last&.downcase file_ext = asset.file_name.split('.').last&.downcase
return true if ENV['WOPI_TEST_ENABLED'] == 'true' && %w(wopitest wopitestx).include?(file_ext)
%w(ods xls xlsb xlsm xlsx odp pot potm potx pps ppsm %w(ods xls xlsb xlsm xlsx odp pot potm potx pps ppsm
ppsx ppt pptm pptx doc docm docx dot dotm dotx odt rtf).include?(file_ext) ppsx ppt pptm pptx doc docm docx dot dotm dotx odt rtf).include?(file_ext)
end end
@ -37,11 +39,11 @@ module FileIconsHelper
def file_extension_icon(asset, report = false) def file_extension_icon(asset, report = false)
file_ext = asset.file_name.split('.').last&.downcase file_ext = asset.file_name.split('.').last&.downcase
if Constants::FILE_TEXT_FORMATS.include?(file_ext) if Constants::FILE_TEXT_FORMATS.include?(file_ext)
image_link = 'icon_small/docx_file.svg' image_link = 'icon_small/word-document.svg'
elsif Constants::FILE_TABLE_FORMATS.include?(file_ext) elsif Constants::FILE_TABLE_FORMATS.include?(file_ext)
image_link = 'icon_small/xslx_file.svg' image_link = 'icon_small/excel-document.svg'
elsif Constants::FILE_PRESENTATION_FORMATS.include?(file_ext) elsif Constants::FILE_PRESENTATION_FORMATS.include?(file_ext)
image_link = 'icon_small/pptx_file.svg' image_link = 'icon_small/powerpoint-document.svg'
elsif asset.file.attached? && asset.file.metadata['asset_type'] == 'marvinjs' elsif asset.file.attached? && asset.file.metadata['asset_type'] == 'marvinjs'
image_link = 'icon_small/marvinjs_file.svg' image_link = 'icon_small/marvinjs_file.svg'
elsif asset.file.attached? && asset.file.metadata['asset_type'] == 'gene_sequence' elsif asset.file.attached? && asset.file.metadata['asset_type'] == 'gene_sequence'
@ -64,11 +66,11 @@ module FileIconsHelper
def file_application_url(asset) def file_application_url(asset)
file_ext = asset.file_name.split('.').last&.downcase file_ext = asset.file_name.split('.').last&.downcase
if Constants::FILE_TEXT_FORMATS.include?(file_ext) if Constants::FILE_TEXT_FORMATS.include?(file_ext)
'icon_small/docx_file.svg' 'icon_small/word-document.svg'
elsif Constants::FILE_TABLE_FORMATS.include?(file_ext) elsif Constants::FILE_TABLE_FORMATS.include?(file_ext)
'icon_small/xslx_file.svg' 'icon_small/excel-document.svg'
elsif Constants::FILE_PRESENTATION_FORMATS.include?(file_ext) elsif Constants::FILE_PRESENTATION_FORMATS.include?(file_ext)
'icon_small/pptx_file.svg' 'icon_small/powerpoint-document.svg'
end end
end end

2
app/javascript/vue/reports/renderers/pdf.vue
View file

@ -21,7 +21,7 @@
class="file-preview-link flex items-center gap-1 class="file-preview-link flex items-center gap-1
pdf hover:no-underline whitespace-nowrap" pdf hover:no-underline whitespace-nowrap"
:data-preview-url="pdf.preview_url"> :data-preview-url="pdf.preview_url">
<i class="sn-icon sn-icon-file-word"></i> <i class="sn-icon sn-icon-file-pdf"></i>
{{ i18n.t('projects.reports.index.pdf') }} {{ i18n.t('projects.reports.index.pdf') }}
</a> </a>
</template> </template>

4
app/utilities/wopi_util.rb
View file

@ -108,9 +108,9 @@ module WopiUtil
def create_wopi_file_activity(current_user, started_editing) def create_wopi_file_activity(current_user, started_editing)
action = if started_editing action = if started_editing
t('activities.wupi_file_editing.started') t('activities.wopi_file_editing.started')
else else
t('activities.wupi_file_editing.finished') t('activities.wopi_file_editing.finished')
end end
if @assoc.class == Step if @assoc.class == Step
default_step_items = default_step_items =

4
config/initializers/constants.rb
View file

@ -298,7 +298,7 @@ class Constants
# Other # Other
#============================================================================= #=============================================================================
FILE_TEXT_FORMATS = %w(doc docm docx dot dotm dotx odt rtf).freeze FILE_TEXT_FORMATS = %w(doc docm docx dot dotm dotx odt rtf wopitest wopitestx).freeze
FILE_TABLE_FORMATS = %w(csv ods xls xlsb xlsm xlsx).freeze FILE_TABLE_FORMATS = %w(csv ods xls xlsb xlsm xlsx).freeze
@ -306,7 +306,7 @@ class Constants
%w(odp pot potm potx pps ppsm ppsx ppt pptm pptx).freeze %w(odp pot potm potx pps ppsm ppsx ppt pptm pptx).freeze
WOPI_EDITABLE_FORMATS = %w( WOPI_EDITABLE_FORMATS = %w(
docx docm odt xlsx xlsm xlsb ods pptx ppsx odp docx docm odt xlsx xlsm xlsb ods pptx ppsx odp wopitest wopitestx
).freeze ).freeze
TEXT_EXTRACT_FILE_TYPES = [ TEXT_EXTRACT_FILE_TYPES = [

26
config/locales/en.yml
View file

@ -1922,9 +1922,9 @@ en:
success_flash: "File result successfully deleted." success_flash: "File result successfully deleted."
wopi_open_file: "Open in %{app}" wopi_open_file: "Open in %{app}"
wopi_edit_file: "Open in %{app}" wopi_edit_file: "Open in %{app}"
wopi_word: "MS Word online" wopi_word: "Microsoft Word for the Web"
wopi_excel: "Excel online" wopi_excel: "Microsoft Excel for the Web"
wopi_powerpoint: "PowerPoint online" wopi_powerpoint: "Microsoft PowerPoint for the Web"
error_flash: 'Something went wrong! Please try again later.' error_flash: 'Something went wrong! Please try again later.'
result_tables: result_tables:
@ -3011,7 +3011,7 @@ en:
text: "text" text: "text"
table: "table" table: "table"
asset: "file" asset: "file"
wupi_file_editing: wopi_file_editing:
started: "editing started" started: "editing started"
finished: "editing finished" finished: "editing finished"
file_editing: file_editing:
@ -3619,7 +3619,7 @@ en:
clone_btn: "Copy" clone_btn: "Copy"
import: "Import" import: "Import"
import_eln: "SciNote file (.eln)" import_eln: "SciNote file (.eln)"
import_docx: "MS Word (.docx)" import_docx: "Microsoft Word (.docx)"
beta: "BETA" beta: "BETA"
import_protocols_io: "From Protocols.io" import_protocols_io: "From Protocols.io"
modal_import_json_upload: "Upload" modal_import_json_upload: "Upload"
@ -4015,19 +4015,19 @@ en:
placeholder: placeholder:
modified_label: "Modified:" modified_label: "Modified:"
size_label: "Size: %{size}" size_label: "Size: %{size}"
wopi_supported_text_formats_title: 'Only .docx, .docm, .odt file formats are supported for editing in Word Online.' wopi_supported_text_formats_title: 'Only .docx, .docm, .odt file formats are supported for editing in Word for the web.'
wopi_supported_table_formats_title: 'Only .xlsx, .xlsm, .xlsb, .ods file formats are supported for editing in Excel Online.' wopi_supported_table_formats_title: 'Only .xlsx, .xlsm, .xlsb, .ods file formats are supported for editing in Excel for the web.'
wopi_supported_presentation_formats_title: 'Only .pptx, ppsx, .odp file formats are supported for editing in PowerPoint Online.' wopi_supported_presentation_formats_title: 'Only .pptx, ppsx, .odp file formats are supported for editing in PowerPoint for the web.'
create_wopi_file: create_wopi_file:
button_text: 'New MS Office file' button_text: 'New Microsoft Office file'
li_text: "Office file" li_text: "Office file"
modal_title: 'Create new Microsoft Office Online document' modal_title: 'Create new Microsoft Office document'
text_field_label: 'Document name' text_field_label: 'Document name'
type_select_label: 'Document type' type_select_label: 'Document type'
text_field_placeholder: 'Enter document name...' text_field_placeholder: 'Enter document name...'
ms_word: 'Word<br/>Online' ms_word: 'Microsoft<br/>Word'
ms_excel: 'Excel<br/>Online' ms_excel: 'Microsoft<br/>Excel'
ms_powerpoint: 'PowerPoint<br/>Online' ms_powerpoint: 'Microsoft<br/>PowerPoint'
create_document_button: 'Create document' create_document_button: 'Create document'
errors: errors:
forbidden: 'You do not have permission to add files.' forbidden: 'You do not have permission to add files.'

BIN
public/images/office/Excel-color_16x16x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/images/office/Excel-xlsx_20x20x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/images/office/PowerPoint-Color_16x16x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/images/office/PowerPoint-pptx_20x20x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/images/office/Word-color_16x16x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/images/office/Word-docx_20x20x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

10
public/images/office/excel-document.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
<path class='OfficeIconColors_HighContrast' d='M 1792 896 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 219 -896 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m -1085 935 q 5 16 14 30 l 120 224 h 149 l -200 -323 l 195 -317 h -140 l -111 202 q -6 11 -11 23 q -5 11 -12 22 q -3 -7 -7 -18 q -5 -11 -12 -25 l -104 -204 h -152 l 189 319 l -207 321 h 150 m 1480 -896 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 h 1280 z' />
<path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
<path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
<path fill='#107C41' fill-opacity='1.000' d='M 1792 1152 h -512 v -128 h 512 z' />
<path fill='#33C481' fill-opacity='1.000' d='M 1792 896 h -512 v -128 h 512 z' />
<path fill='#134A2C' fill-opacity='1.000' d='M 1792 1408 h -512 v -128 h 512 z' />
<path fill='#107C41' fill-opacity='1.000' d='M 1037 1664 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 922 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 z' />
<path fill='#FFFFFF' fill-opacity='1.000' d='M 290 1408 l 207 -321 l -189 -319 h 152 l 104 204 q 7 14 11 25 q 4 11 8 18 q 7 -11 12 -22 q 5 -12 11 -23 l 111 -202 h 140 l -195 317 l 200 323 h -149 l -120 -224 q -9 -14 -14 -30 l -139 254 z' />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

16
public/images/office/ms-excel-active.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Excel_32x</title><rect width="32" height="32" fill="none"/><path d="M30.666,2H9.333A1.333,1.333,0,0,0,8,3.333V8H1.334A1.333,1.333,0,0,0,0,9.334V22.666A1.334,1.334,0,0,0,1.334,24H8v4.667A1.333,1.333,0,0,0,9.333,30H30.666A1.334,1.334,0,0,0,32,28.667V3.334A1.334,1.334,0,0,0,30.666,2ZM9,3.334A.333.333,0,0,1,9.333,3H19V9H16v1h3v6H16V9.334A1.333,1.333,0,0,0,14.666,8H9ZM19,17v6H15.932A1.32,1.32,0,0,0,16,22.666V17Zm-10.971.7c0,.005-1.945,3.553-1.945,3.553H3.2l3.31-5.129L3.483,11.03H6.394l1.642,3.234c.033.067.063.129.091.188l.107-.216L9.99,11.03h2.723L9.605,16.1,12.79,21.25H9.927S8.033,17.7,8.029,17.7ZM9.333,29A.332.332,0,0,1,9,28.667V24H19l.009,5ZM31,28.667a.334.334,0,0,1-.334.333H20.01L20,24H31ZM31,23H20V17H31Zm0-7H20V10H31Zm0-7H20V3H30.666A.334.334,0,0,1,31,3.334Z" fill="#fff"/></svg>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>1DBED704-6E88-4AE3-B2F9-3410F58D52C1</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-XLSX-file-dialog" transform="translate(-224.000000, -172.000000)" fill="#FFFFFF">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-2" transform="translate(153.000000, 0.000000)">
<path d="M46.404,11.844 L35.684,11.844 L35.684,13.828 L38.844,13.828 L38.844,16.9666667 L35.684,16.9666667 L35.684,17.9666667 L38.844,17.9666667 L38.844,21.1093333 L35.684,21.1093333 L35.684,22.1373333 L38.844,22.1373333 L38.844,25.1093333 L35.684,25.1093333 L35.684,26.3 L38.844,26.3 L38.844,29.2786667 L35.684,29.2786667 L35.684,30.4693333 L38.844,30.4693333 L38.844,33.4653333 L35.684,33.4653333 L35.684,35.6506667 L46.404,35.6506667 C46.5733333,35.6 46.7146667,35.4 46.828,35.0533333 C46.9413333,34.704 47,34.42 47,34.2053333 L47,12.2066667 C47,12.036 46.9413333,11.9333333 46.828,11.8973333 C46.7146667,11.8626667 46.5733333,11.844 46.404,11.844 Z M45.0133333,33.4626667 L39.8706667,33.4626667 L39.8706667,30.4693333 L45.0133333,30.4693333 L45.0133333,33.4653333 L45.0133333,33.4626667 Z M45.0133333,29.2786667 L39.8706667,29.2786667 L39.8706667,26.2986667 L45.0133333,26.2986667 L45.0133333,29.2786667 Z M45.0133333,25.108 L39.8706667,25.108 L39.8706667,22.1493333 L45.0133333,22.1493333 L45.0133333,25.1106667 L45.0133333,25.108 Z M45.0133333,21.108 L39.8706667,21.108 L39.8706667,17.9693333 L45.0133333,17.9693333 L45.0133333,21.1093333 L45.0133333,21.108 L45.0133333,21.108 Z M45.0133333,16.9493333 L39.8706667,16.9493333 L39.8706667,13.8293333 L45.0133333,13.8293333 L45.0133333,16.9693333 L45.0133333,16.9493333 L45.0133333,16.9493333 Z M15,11.3493333 L15,36.1506667 L33.88,39.416 L33.88,8 L15,11.36 L15,11.3493333 Z M26.1906667,30.1106667 C26.1186667,29.916 25.78,29.0893333 25.18,27.6266667 C24.5813333,26.1653333 24.22,25.3146667 24.1146667,25.072 L24.0813333,25.072 L22.056,29.892 L19.3493333,29.7093333 L22.56,23.7093333 L19.62,17.7093333 L22.38,17.564 L24.204,22.2586667 L24.24,22.2586667 L26.3,17.3506667 L29.152,17.1706667 L25.756,23.664 L29.256,30.288 L26.1906667,30.108 L26.1906667,30.1106667 L26.1906667,30.1106667 Z" id="ms-excel-active"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 856 B

16
public/images/office/ms-excel-inactive.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Excel_32x</title><path d="M20,2H9.333A1.333,1.333,0,0,0,8,3.333V9l12,7,6,2.531L32,16V9Z" fill="#21a366"/><rect x="8" y="9" width="12" height="7" fill="#107c41"/><path d="M30.667,2H20V9H32V3.333A1.333,1.333,0,0,0,30.667,2Z" fill="#33c481"/><path d="M20,16H8V28.666A1.333,1.333,0,0,0,9.333,30H30.667A1.333,1.333,0,0,0,32,28.666V23Z" fill="#185c37"/><rect x="20" y="16" width="12" height="7" fill="#107c41"/><path d="M16.667,7H8V26h8.667A1.337,1.337,0,0,0,18,24.666V8.333A1.337,1.337,0,0,0,16.667,7Z" opacity="0.1"/><path d="M15.667,8H8V27h7.667A1.337,1.337,0,0,0,17,25.666V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M15.667,8H8V25h7.667A1.337,1.337,0,0,0,17,23.666V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M14.667,8H8V25h6.667A1.337,1.337,0,0,0,16,23.666V9.333A1.337,1.337,0,0,0,14.667,8Z" opacity="0.2"/><rect x="0.001" y="8" width="15.999" height="15.999" rx="1.333" fill="#107c41"/><path d="M3.658,21,6.8,16.126,3.923,11.279H6.241l1.573,3.1c.144.294.244.513.3.658h.02c.1-.235.213-.464.326-.685l1.681-3.071h2.128L9.312,16.1l3.03,4.9H10.078L8.261,17.6a2.881,2.881,0,0,1-.217-.454H8.017a2.188,2.188,0,0,1-.21.44L5.936,21Z" fill="#fff"/><rect width="32" height="32" fill="none"/></svg>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>4C8BB196-A5E9-45E1-A350-99BB0AD162B7</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-PPTX-file-dialog" transform="translate(-224.000000, -172.000000)" fill="#217346">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-2" transform="translate(153.000000, 0.000000)">
<path d="M46.404,11.844 L35.684,11.844 L35.684,13.828 L38.844,13.828 L38.844,16.9666667 L35.684,16.9666667 L35.684,17.9666667 L38.844,17.9666667 L38.844,21.1093333 L35.684,21.1093333 L35.684,22.1373333 L38.844,22.1373333 L38.844,25.1093333 L35.684,25.1093333 L35.684,26.3 L38.844,26.3 L38.844,29.2786667 L35.684,29.2786667 L35.684,30.4693333 L38.844,30.4693333 L38.844,33.4653333 L35.684,33.4653333 L35.684,35.6506667 L46.404,35.6506667 C46.5733333,35.6 46.7146667,35.4 46.828,35.0533333 C46.9413333,34.704 47,34.42 47,34.2053333 L47,12.2066667 C47,12.036 46.9413333,11.9333333 46.828,11.8973333 C46.7146667,11.8626667 46.5733333,11.844 46.404,11.844 Z M45.0133333,33.4626667 L39.8706667,33.4626667 L39.8706667,30.4693333 L45.0133333,30.4693333 L45.0133333,33.4653333 L45.0133333,33.4626667 Z M45.0133333,29.2786667 L39.8706667,29.2786667 L39.8706667,26.2986667 L45.0133333,26.2986667 L45.0133333,29.2786667 Z M45.0133333,25.108 L39.8706667,25.108 L39.8706667,22.1493333 L45.0133333,22.1493333 L45.0133333,25.1106667 L45.0133333,25.108 Z M45.0133333,21.108 L39.8706667,21.108 L39.8706667,17.9693333 L45.0133333,17.9693333 L45.0133333,21.1093333 L45.0133333,21.108 L45.0133333,21.108 Z M45.0133333,16.9493333 L39.8706667,16.9493333 L39.8706667,13.8293333 L45.0133333,13.8293333 L45.0133333,16.9693333 L45.0133333,16.9493333 L45.0133333,16.9493333 Z M15,11.3493333 L15,36.1506667 L33.88,39.416 L33.88,8 L15,11.36 L15,11.3493333 Z M26.1906667,30.1106667 C26.1186667,29.916 25.78,29.0893333 25.18,27.6266667 C24.5813333,26.1653333 24.22,25.3146667 24.1146667,25.072 L24.0813333,25.072 L22.056,29.892 L19.3493333,29.7093333 L22.56,23.7093333 L19.62,17.7093333 L22.38,17.564 L24.204,22.2586667 L24.24,22.2586667 L26.3,17.3506667 L29.152,17.1706667 L25.756,23.664 L29.256,30.288 L26.1906667,30.108 L26.1906667,30.1106667 L26.1906667,30.1106667 Z" id="ms-excel-217346"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

16
public/images/office/ms-pwrpt-active.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>PowerPoint_32x</title><path d="M9.01,15.047a1.97,1.97,0,0,1-1.324.382H6.25V12.8h1.5c1.506,0,1.681.8,1.681,1.407A.867.867,0,0,1,9.01,15.047ZM32,16A13.98,13.98,0,0,1,6.541,24H1.334A1.337,1.337,0,0,1,0,22.667V9.334A1.338,1.338,0,0,1,1.334,8H6.549A13.991,13.991,0,0,1,18,2h.01A14.033,14.033,0,0,1,32,16ZM19,3.05V16H31A13.005,13.005,0,0,0,19,3.05ZM7.8,8h6.867A1.337,1.337,0,0,1,16,9.334V16h2V3h0A12.951,12.951,0,0,0,7.8,8Zm.109,9.577a4.824,4.824,0,0,0,2.127-.448,3.421,3.421,0,0,0,1.446-1.278,2.958,2.958,0,0,0,.51-1.718,3.124,3.124,0,0,0-1.044-2.52,4.417,4.417,0,0,0-2.913-.863H3.792V21.24H6.25V17.577ZM30.949,17H16v5.667A1.337,1.337,0,0,1,14.667,24H7.8a12.96,12.96,0,0,0,23.152-7Z" fill="#fff"/></svg>
<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>20B71793-99D3-4CCE-9F03-A003272E0F54</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-PPTX-file-dialog" transform="translate(-378.000000, -173.000000)" fill="#FFFFFF">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-3" transform="translate(306.000000, 0.000000)">
<path d="M47.312,13.4933333 L35.9226667,13.4933333 L35.9226667,17.7413333 C36.6093333,17.2213333 37.432,16.9573333 38.396,16.9573333 L38.396,21.088 L42.4946667,21.088 C42.4746667,22.2466667 42.0746667,23.224 41.2933333,24.012 C40.5146667,24.8013333 39.536,25.2066667 38.376,25.2333333 C37.476,25.2066667 36.656,24.936 35.9373333,24.4133333 L35.9373333,27.252 L44.896,27.252 L44.896,28.6453333 L35.9346667,28.6453333 L35.9346667,30.3693333 L44.888,30.3693333 L44.888,31.7453333 L35.9293333,31.7453333 L35.9293333,34.8653333 L47.32,34.8653333 C47.7813333,34.8653333 48,34.6226667 48,34.1493333 L48,14.1733333 C48,13.7173333 47.7813333,13.4933333 47.32,13.4933333 L47.312,13.4933333 Z M39.04,20.408 L39.04,16.2426667 C40.2,16.2693333 41.1733333,16.672 41.9573333,17.456 C42.7386667,18.24 43.1453333,19.224 43.1653333,20.408 L39.04,20.408 Z M27.008,20.4773333 C26.9373333,20.2093333 26.8213333,20.0013333 26.6573333,19.848 C26.4973333,19.6986667 26.2813333,19.5893333 26.0133333,19.52 C25.7133333,19.4386667 25.404,19.4 25.0933333,19.4 L24.1333333,19.4186667 L24.1333333,23.4173333 L24.168,23.4173333 C24.516,23.4386667 24.8813333,23.4386667 25.268,23.4173333 C25.648,23.3973333 26.008,23.2973333 26.3466667,23.1173333 C26.764,22.8173333 27.0133333,22.4173333 27.0946667,21.8986667 C27.1746667,21.3773333 27.1466667,20.8773333 27.0093333,20.4173333 L27.0093333,20.4773333 L27.008,20.4773333 Z M16,12.2386667 L16,36.1666667 L34.2506667,39.32 L34.2506667,9 L16,12.2386667 Z M29.6173333,23.0213333 C29.1173333,24.18 28.3706667,24.9213333 27.372,25.2413333 C26.3733333,25.56 25.2946667,25.684 24.1333333,25.6133333 L24.1333333,30.176 L21.732,29.8973333 L21.732,17.3613333 L25.544,17.1626667 C26.2506667,17.1186667 26.9493333,17.196 27.632,17.4026667 C28.3186667,17.6053333 28.8613333,18.0146667 29.2626667,18.632 C29.6626667,19.2466667 29.888,19.96 29.9426667,20.772 C29.992,21.584 29.8853333,22.3346667 29.6173333,23.0213333 L29.6173333,23.0213333 Z" id="ms-pwrpt-active"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 765 B

16
public/images/office/ms-pwrpt-inactive.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>PowerPoint_32x</title><path d="M18,2A14.041,14.041,0,0,0,4,16l17.737,3.737Z" fill="#ed6c47"/><path d="M18.01,2A14.033,14.033,0,0,1,32,16l-7,4.758L18.01,16Z" fill="#ff8f6b"/><path d="M18,30A14.041,14.041,0,0,0,32,16H4A14.041,14.041,0,0,0,18,30Z" fill="#d35230"/><path d="M16.666,7H7.305a13.915,13.915,0,0,0,.931,19h8.43A1.337,1.337,0,0,0,18,24.667V8.333A1.337,1.337,0,0,0,16.666,7Z" opacity="0.1"/><path d="M15.666,8H6.539A13.907,13.907,0,0,0,9.384,27h6.282A1.337,1.337,0,0,0,17,25.667V9.333A1.337,1.337,0,0,0,15.666,8Z" opacity="0.2"/><path d="M15.666,8H6.539a13.891,13.891,0,0,0,.766,17h8.361A1.337,1.337,0,0,0,17,23.667V9.333A1.337,1.337,0,0,0,15.666,8Z" opacity="0.2"/><path d="M14.666,8H6.539a13.891,13.891,0,0,0,.766,17h7.361A1.337,1.337,0,0,0,16,23.667V9.333A1.337,1.337,0,0,0,14.666,8Z" opacity="0.2"/><rect y="8" width="16" height="16" rx="1.333" fill="#c43e1c"/><path d="M8.035,11a4.163,4.163,0,0,1,2.752.8,2.878,2.878,0,0,1,.955,2.329,2.729,2.729,0,0,1-.472,1.586A3.165,3.165,0,0,1,9.927,16.9a4.567,4.567,0,0,1-2.018.423H6V20.99H4.042V11ZM6,15.678H7.685a2.192,2.192,0,0,0,1.49-.444,1.1,1.1,0,0,0,.5-1.024q0-1.658-1.931-1.657H6Z" fill="#f9f7f7"/><rect width="32" height="32" fill="none"/></svg>
<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>7D86E2E5-6A35-46CC-B7FA-7880CD9FA8DB</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-XLSX-file-dialog" transform="translate(-378.000000, -173.000000)" fill="#D24726">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-3" transform="translate(306.000000, 0.000000)">
<path d="M47.312,13.4933333 L35.9226667,13.4933333 L35.9226667,17.7413333 C36.6093333,17.2213333 37.432,16.9573333 38.396,16.9573333 L38.396,21.088 L42.4946667,21.088 C42.4746667,22.2466667 42.0746667,23.224 41.2933333,24.012 C40.5146667,24.8013333 39.536,25.2066667 38.376,25.2333333 C37.476,25.2066667 36.656,24.936 35.9373333,24.4133333 L35.9373333,27.252 L44.896,27.252 L44.896,28.6453333 L35.9346667,28.6453333 L35.9346667,30.3693333 L44.888,30.3693333 L44.888,31.7453333 L35.9293333,31.7453333 L35.9293333,34.8653333 L47.32,34.8653333 C47.7813333,34.8653333 48,34.6226667 48,34.1493333 L48,14.1733333 C48,13.7173333 47.7813333,13.4933333 47.32,13.4933333 L47.312,13.4933333 Z M39.04,20.408 L39.04,16.2426667 C40.2,16.2693333 41.1733333,16.672 41.9573333,17.456 C42.7386667,18.24 43.1453333,19.224 43.1653333,20.408 L39.04,20.408 Z M27.008,20.4773333 C26.9373333,20.2093333 26.8213333,20.0013333 26.6573333,19.848 C26.4973333,19.6986667 26.2813333,19.5893333 26.0133333,19.52 C25.7133333,19.4386667 25.404,19.4 25.0933333,19.4 L24.1333333,19.4186667 L24.1333333,23.4173333 L24.168,23.4173333 C24.516,23.4386667 24.8813333,23.4386667 25.268,23.4173333 C25.648,23.3973333 26.008,23.2973333 26.3466667,23.1173333 C26.764,22.8173333 27.0133333,22.4173333 27.0946667,21.8986667 C27.1746667,21.3773333 27.1466667,20.8773333 27.0093333,20.4173333 L27.0093333,20.4773333 L27.008,20.4773333 Z M16,12.2386667 L16,36.1666667 L34.2506667,39.32 L34.2506667,9 L16,12.2386667 Z M29.6173333,23.0213333 C29.1173333,24.18 28.3706667,24.9213333 27.372,25.2413333 C26.3733333,25.56 25.2946667,25.684 24.1333333,25.6133333 L24.1333333,30.176 L21.732,29.8973333 L21.732,17.3613333 L25.544,17.1626667 C26.2506667,17.1186667 26.9493333,17.196 27.632,17.4026667 C28.3186667,17.6053333 28.8613333,18.0146667 29.2626667,18.632 C29.6626667,19.2466667 29.888,19.96 29.9426667,20.772 C29.992,21.584 29.8853333,22.3346667 29.6173333,23.0213333 L29.6173333,23.0213333 Z" id="ms-pwrpt-D24726"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

16
public/images/office/ms-word-active.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Word_32x</title><path d="M30.667,2H9.333A1.333,1.333,0,0,0,8,3.334V8H1.333A1.337,1.337,0,0,0,0,9.334V22.667A1.337,1.337,0,0,0,1.333,24H8v4.667A1.333,1.333,0,0,0,9.334,30H30.667A1.333,1.333,0,0,0,32,28.667V3.334A1.333,1.333,0,0,0,30.667,2ZM8.044,14.94,6.033,21.25H3.845l-2.1-10.5h2.31L5.3,16.984,7.166,10.95H9.037L10.8,16.957l1.241-6.207h2.21l-2.1,10.5H9.965ZM31,28.667a.333.333,0,0,1-.333.333H9.334A.333.333,0,0,1,9,28.667V24H31ZM31,23H15.932A1.28,1.28,0,0,0,16,22.667V17H31Zm0-7H16V10H31Zm0-7H15.932a1.319,1.319,0,0,0-1.265-1H9V3.334A.333.333,0,0,1,9.333,3H30.667A.333.333,0,0,1,31,3.334Z" fill="#fff"/></svg>
<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>58A7CABD-8C13-4F38-A224-E58B3FEF6D9B</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-DOCX-file-dialog" transform="translate(-71.000000, -173.000000)" fill="#FFFFFF">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-1">
<path d="M46.9999783,13.1281692 L46.9999783,35.1917402 C46.9999783,35.3797479 46.9333089,35.5317542 46.8013035,35.6530925 C46.6666313,35.7784309 46.5066247,35.8371 46.3212838,35.8371 L34.908816,35.8371 L34.908816,32.7769746 L44.2185309,32.7769746 L44.2185309,31.3835841 L34.9008157,31.3835841 L34.9008157,29.6781809 L44.2105306,29.6781809 L44.2105306,28.2861238 L34.9074826,28.2861238 L34.9074826,26.5660533 L44.2145308,26.5660533 L44.2145308,25.1899969 L34.9074826,25.1899969 L34.9074826,23.4659263 L44.2145308,23.4659263 L44.2145308,22.0738692 L34.9074826,22.0738692 L34.9074826,20.368466 L44.2145308,20.368466 L44.2145308,18.9777423 L34.9074826,18.9777423 L34.9074826,17.237671 L44.2145308,17.237671 L44.2145308,15.9122833 L34.9074826,15.9122833 L34.9074826,12.4548083 L46.3239506,12.4548083 C46.5226254,12.4548083 46.6839653,12.5188109 46.8013035,12.6534831 C46.9413092,12.7854885 47.0013117,12.9468284 46.9999783,13.1281692 Z M33.200746,9.00533355 L33.200746,39.3025754 L15,36.153113 L15,12.2401328 L33.200746,9 L33.200746,9.00533355 Z M30.4539668,17.9497002 L28.1752067,18.0897059 L26.7138135,27.1367434 L26.6804788,27.1367434 C26.6084758,26.7087258 26.3404648,25.2099977 25.8604451,22.647226 L25.0084102,18.296381 L22.8696559,18.4030521 L22.0136208,22.647226 C21.5136003,25.1193274 21.2349222,26.558053 21.1615859,26.9620696 L21.1415851,26.9620696 L19.8415318,18.6283946 L17.8814514,18.7323989 L19.9815375,29.2434964 L22.1602935,29.3835021 L22.9803271,25.2926678 C23.4603468,22.8925694 23.7403583,21.4978456 23.8003607,21.1164966 L23.8603632,21.1164966 C23.9416998,21.52318 24.2017105,22.9485717 24.6803968,25.3966721 L25.5004304,29.6075113 L27.8605271,29.7475171 L30.5006353,17.9470334 L30.4539668,17.9470334 L30.4539668,17.9497002 Z" id="ms-word-active"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 677 B

16
public/images/office/ms-word-inactive.svg
View file

@ -1,15 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Word_32x</title><path d="M30.667,2H9.333A1.333,1.333,0,0,0,8,3.333V9l12,3.5L32,9V3.333A1.333,1.333,0,0,0,30.667,2Z" fill="#41a5ee"/><polygon points="32 9 8 9 8 16 20 19.5 32 16 32 9" fill="#2b7cd3"/><polygon points="32 16 8 16 8 23 20 26.5 32 23 32 16" fill="#185abd"/><path d="M32,23H8v5.667A1.333,1.333,0,0,0,9.333,30H30.667A1.333,1.333,0,0,0,32,28.667Z" fill="#103f91"/><path d="M16.667,7H8V26h8.667A1.337,1.337,0,0,0,18,24.667V8.333A1.337,1.337,0,0,0,16.667,7Z" opacity="0.1"/><path d="M15.667,8H8V27h7.667A1.337,1.337,0,0,0,17,25.667V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M15.667,8H8V25h7.667A1.337,1.337,0,0,0,17,23.667V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M14.667,8H8V25h6.667A1.337,1.337,0,0,0,16,23.667V9.333A1.337,1.337,0,0,0,14.667,8Z" opacity="0.2"/><rect y="8" width="16" height="16" rx="1.333" fill="#185abd"/><path d="M11.95,21h-1.8l-2.1-6.9L5.85,21H4.05l-2-10h1.8l1.4,7,2.1-6.8h1.5l2,6.8,1.4-7h1.7Z" fill="#fff"/><rect width="32" height="32" fill="none"/></svg>
<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
<title>31E0F97F-2288-43F7-8844-5D70AE3003E4</title>
<desc>Created with sketchtool.</desc>
<g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Create-XLSX-file-dialog" transform="translate(-71.000000, -173.000000)" fill="#2B579A">
<g id="Type" transform="translate(56.000000, 164.000000)">
<g id="Button-1">
<path d="M46.9999783,13.1281692 L46.9999783,35.1917402 C46.9999783,35.3797479 46.9333089,35.5317542 46.8013035,35.6530925 C46.6666313,35.7784309 46.5066247,35.8371 46.3212838,35.8371 L34.908816,35.8371 L34.908816,32.7769746 L44.2185309,32.7769746 L44.2185309,31.3835841 L34.9008157,31.3835841 L34.9008157,29.6781809 L44.2105306,29.6781809 L44.2105306,28.2861238 L34.9074826,28.2861238 L34.9074826,26.5660533 L44.2145308,26.5660533 L44.2145308,25.1899969 L34.9074826,25.1899969 L34.9074826,23.4659263 L44.2145308,23.4659263 L44.2145308,22.0738692 L34.9074826,22.0738692 L34.9074826,20.368466 L44.2145308,20.368466 L44.2145308,18.9777423 L34.9074826,18.9777423 L34.9074826,17.237671 L44.2145308,17.237671 L44.2145308,15.9122833 L34.9074826,15.9122833 L34.9074826,12.4548083 L46.3239506,12.4548083 C46.5226254,12.4548083 46.6839653,12.5188109 46.8013035,12.6534831 C46.9413092,12.7854885 47.0013117,12.9468284 46.9999783,13.1281692 Z M33.200746,9.00533355 L33.200746,39.3025754 L15,36.153113 L15,12.2401328 L33.200746,9 L33.200746,9.00533355 Z M30.4539668,17.9497002 L28.1752067,18.0897059 L26.7138135,27.1367434 L26.6804788,27.1367434 C26.6084758,26.7087258 26.3404648,25.2099977 25.8604451,22.647226 L25.0084102,18.296381 L22.8696559,18.4030521 L22.0136208,22.647226 C21.5136003,25.1193274 21.2349222,26.558053 21.1615859,26.9620696 L21.1415851,26.9620696 L19.8415318,18.6283946 L17.8814514,18.7323989 L19.9815375,29.2434964 L22.1602935,29.3835021 L22.9803271,25.2926678 C23.4603468,22.8925694 23.7403583,21.4978456 23.8003607,21.1164966 L23.8603632,21.1164966 C23.9416998,21.52318 24.2017105,22.9485717 24.6803968,25.3966721 L25.5004304,29.6075113 L27.8605271,29.7475171 L30.5006353,17.9470334 L30.4539668,17.9470334 L30.4539668,17.9497002 Z" id="ms-word-2B579A"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

10
public/images/office/powerpoint-document.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
<path class='OfficeIconColors_HighContrast' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 256 1883 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 m 768 -768 h 384 q 0 80 -30 150 q -30 69 -82 122 q -53 52 -123 82 q -70 30 -149 30 q -34 0 -66 -5 q -32 -6 -62 -17 v -724 q 30 -11 62 -16 q 32 -6 66 -6 m -790 414 q 7 0 11 -1 h 11 q 56 -3 100 -26 q 52 -27 81 -76 q 29 -49 29 -111 q 0 -96 -58 -149 q -54 -48 -152 -51 h -256 v 640 h 118 v -226 m 1034 -542 q 79 0 149 30 q 70 30 122 83 q 52 52 82 122 q 30 70 30 149 h -383 m -1034 60 v -217 h 116 q 2 0 3 1 q 1 0 3 0 h 9 q 92 12 92 105 q 0 55 -31 83 q -21 19 -54 25 q -10 2 -16 2 h -2 q -2 0 -3 1 q -2 0 -4 0 m 1049 -700 h 165 l -165 -165 z' />
<path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
<path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
<path fill='#ED6C47' fill-opacity='1.000' d='M 1536 640 q 79 0 149 30 q 70 30 123 83 q 52 52 82 122 q 30 70 30 149 h -384 m 256 128 q 0 80 -30 150 q -30 69 -82 122 q -53 52 -123 82 q -70 30 -149 30 q -34 0 -66 -5 q -32 -6 -62 -17 v -362 z' />
<path fill='#FF8F6B' fill-opacity='1.000' d='M 1280 790 q 30 -11 62 -16 q 32 -6 66 -6 v 384 h -128 z' />
<path fill='#FFFFFF' fill-opacity='0.498' d='M 1536 640 q 79 0 149 30 q 70 30 123 83 q 52 52 82 122 q 30 70 30 149 h -384 z' />
<path fill='#C43E1C' fill-opacity='1.000' d='M 1037 512 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 z' />
<path fill='#FFFFFF' fill-opacity='1.000' d='M 625 768 q 108 0 167 51 q 58 53 58 149 q 0 62 -29 111 q -29 49 -81 76 q -53 27 -122 27 h -116 v 226 h -118 v -640 m 118 316 h 102 q 61 0 90 -28 q 31 -28 31 -83 q 0 -106 -117 -106 h -106 z' />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

10
public/images/office/word-document.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
<path class='OfficeIconColors_HighContrast' d='M 1792 896 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m -1397 -64 l -88 -448 h -117 l 142 640 h 137 l 90 -423 q 1 -6 3 -19 q 1 -13 3 -27 q 2 -14 4 -27 q 2 -13 4 -19 q 3 21 7 39 q 3 16 6 31 q 3 15 5 21 l 96 424 h 134 l 141 -640 h -115 l -80 443 q -5 23 -9 43 q -5 20 -4 37 q -4 -49 -12 -83 l -101 -440 h -126 l -97 447 q -5 14 -8 38 q -3 24 -6 39 m 1607 -908 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 293 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 h 1280 z' />
<path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
<path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
<path fill='#41A5EE' fill-opacity='1.000' d='M 1792 896 h -512 v -128 h 512 z' />
<path fill='#2B7CD3' fill-opacity='1.000' d='M 1792 1152 h -512 v -128 h 512 z' />
<path fill='#185ABD' fill-opacity='1.000' d='M 1792 1408 h -512 v -128 h 512 z' />
<path fill='#185ABD' fill-opacity='1.000' d='M 1037 1664 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 922 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 z' />
<path fill='#FFFFFF' fill-opacity='1.000' d='M 404 1292 q 3 -15 6 -39 q 3 -24 8 -38 l 97 -447 h 126 l 101 440 q 8 34 12 83 q 0 -17 4 -37 q 4 -20 9 -43 l 80 -443 h 115 l -141 640 h -134 l -96 -424 q -2 -6 -5 -21 q -3 -15 -6 -31 q -4 -18 -7 -39 q -2 6 -4 19 q -2 13 -4 27 q -2 14 -3 27 q -2 13 -3 19 l -90 423 h -137 l -142 -640 h 117 l 88 448 z' />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

9
vendor/assets/stylesheets/sn-icon-font.css vendored
View file

@ -245,15 +245,6 @@
.sn-icon-files:before { .sn-icon-files:before {
content: "\e948"; content: "\e948";
} }
.sn-icon-file-word:before {
content: "\e949";
}
.sn-icon-file-powerpoint:before {
content: "\e94a";
}
.sn-icon-file-excel:before {
content: "\e94b";
}
.sn-icon-export:before { .sn-icon-export:before {
content: "\e94c"; content: "\e94c";
} }