Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

svg for menu create new

Browse source
This commit is contained in:
OVSharova 2022-03-31 08:54:36 +03:00
parent f29df7bd0c
commit 1ca8657745
11 changed files with 57 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/main/resources/img/doc-formats/blank.svg
View file

@ -1,5 +1,5 @@
<svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-format-blank">
<path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
</symbol>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 370 B

After

Width:  |  Height:  |  Size: 327 B

4
apps/documenteditor/main/app/view/FileMenuPanels.js
View file

@ -1029,7 +1029,7 @@ define([
'<% if (blank) { %> ',
'<div class="blank-document">',
'<div class="blank-document-btn" data-hint="2" data-hint-direction="left-top" data-hint-offset="2, 10">',
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
'<div class="btn-blank-format"><div class ="svg-format-blank"></div></div>',
'</div>',
'<div class="title"><%= scope.txtBlank %></div>',
'</div>',
@ -1040,7 +1040,7 @@ define([
'<% if (!_.isEmpty(item.image)) {%> ',
' style="background-image: url(<%= item.image %>);">',
' <%} else {' +
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
'print(\"><div class=\'btn-blank-format\'><div class=\'svg-file-template\'></div></div>\")' +
' } %>',
'</div>',
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',

4
apps/documenteditor/main/resources/img/blank.svg
View file

@ -1,5 +1,5 @@
<svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-format-blank">
<path d="m85 95.5h-74c-.8284 0-1.5-.6716-1.5-1.5v-92c0-.82843.6716-1.5 1.5-1.5h74c.8284 0 1.5.67157 1.5 1.5v92c0 .8284-.6716 1.5-1.5 1.5z" fill="#fff" stroke="#bfbfbf"/>
</symbol>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 314 B

After

Width:  |  Height:  |  Size: 275 B

4
apps/documenteditor/main/resources/img/file-template.svg
View file

@ -1,5 +1,5 @@
<svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-file-template">
<path d="m85 95.5h-74c-.8284 0-1.5-.6716-1.5-1.5v-92c0-.82843.6716-1.5 1.5-1.5h74c.8284 0 1.5.67157 1.5 1.5v92c0 .8284-.6716 1.5-1.5 1.5z" fill="#fff" stroke="#bfbfbf"/>
<g fill="#444">
<rect height="4" opacity=".2" rx="1" width="46" x="25" y="32"/>
@ -11,5 +11,5 @@
<rect height="4" opacity=".2" rx="1" width="46" x="25" y="64"/>
<rect height="4" opacity=".2" rx="1" width="46" x="25" y="72"/>
</g>
</symbol>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 892 B

After

Width:  |  Height:  |  Size: 852 B

15
apps/documenteditor/main/resources/less/filemenu.less
View file

@ -160,6 +160,21 @@
width: 96px;
height: 96px;
cursor: pointer;
.svg-format-blank {
background: ~"url(resources/img/blank.svg) no-repeat center" ;
}
.svg-file-template{
background: ~"url(resources/img/file-template.svg) no-repeat center" ;
}
div {
display: block;
height: 100%;
width: 100%;
}
}
#panel-settings,

4
apps/presentationeditor/main/app/view/FileMenuPanels.js
View file

@ -802,7 +802,7 @@ define([
'<% if (blank) { %> ',
'<div class="blank-document">',
'<div class="blank-document-btn" data-hint="2" data-hint-direction="left-top" data-hint-offset="10, 1">',
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
'<div class="btn-blank-format"><div class="svg-format-blank"></div></div>',
'</div>',
'<div class="title"><%= scope.txtBlank %></div>',
'</div>',
@ -813,7 +813,7 @@ define([
'<% if (!_.isEmpty(item.image)) {%> ',
' style="background-image: url(<%= item.image %>);">',
' <%} else {' +
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
'print(\"><div class=\'btn-blank-format\'><div class=\'svg-file-template\'></div></div>\")' +
' } %>',
'</div>',
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',

4
apps/presentationeditor/main/resources/img/file-template.svg
View file

@ -1,5 +1,5 @@
<svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-file-template">
<path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
<rect opacity="0.4" x="16" y="25" width="64" height="8" rx="1" fill="#444444"/>
<rect opacity="0.4" x="54" y="45" width="4" height="4" rx="1" fill="#444444"/>
@ -11,5 +11,5 @@
<path opacity="0.2" d="M44 56C44 58.7689 43.1789 61.4757 41.6406 63.778C40.1022 66.0803 37.9157 67.8747 35.3576 68.9343C32.7994 69.9939 29.9845 70.2712 27.2687 69.731C24.553 69.1908 22.0584 67.8574 20.1005 65.8995C18.1426 63.9416 16.8092 61.447 16.269 58.7313C15.7288 56.0155 16.0061 53.2006 17.0657 50.6424C18.1253 48.0843 19.9197 45.8978 22.222 44.3594C24.5243 42.8211 27.2311 42 30 42V56H44Z" fill="#444444"/>
<path opacity="0.4" d="M32 40C33.8385 40 35.659 40.3621 37.3576 41.0657C39.0561 41.7693 40.5995 42.8005 41.8995 44.1005C43.1995 45.4005 44.2307 46.9439 44.9343 48.6424C45.6379 50.341 46 52.1615 46 54L32 54L32 40Z" fill="#444444"/>
</symbol>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

13
apps/presentationeditor/main/resources/less/leftmenu.less
View file

@ -87,6 +87,19 @@
width: 96px;
height: 96px;
cursor: pointer;
.svg-format-blank {
background: ~"url(../../../apps/common/main/resources/img/doc-formats/blank.svg) no-repeat center" ;
}
.svg-file-template{
background: ~"url(resources/img/file-template.svg) no-repeat center" ;
}
div {
display: block;
height: 100%;
width: 100%;
}
}
#file-menu-panel {

4
apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
View file

@ -1199,7 +1199,7 @@ define([
'<% if (blank) { %> ',
'<div class="blank-document">',
'<div class="blank-document-btn" data-hint="2" data-hint-direction="left-top" data-hint-offset="10, 1">',
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
'<div class="btn-blank-format"><div class="svg-format-blank"></div></div>',
'</div>',
'<div class="title"><%= scope.txtBlank %></div>',
'</div>',
@ -1210,7 +1210,7 @@ define([
'<% if (!_.isEmpty(item.image)) {%> ',
' style="background-image: url(<%= item.image %>);">',
' <%} else {' +
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
'print(\"><div class=\'btn-blank-format\'><div class=\'svg-file-template\'></div></div>\")' +
' } %>',
'</div>',
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',

4
apps/spreadsheeteditor/main/resources/img/file-template.svg
View file

@ -1,5 +1,5 @@
<svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-file-template">
<path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
<rect opacity="0.4" x="15" y="29" width="12" height="4" rx="1" fill="#444444"/>
<rect opacity="0.4" x="15" y="39" width="12" height="4" rx="1" fill="#444444"/>
@ -23,5 +23,5 @@
<rect opacity="0.2" x="69" y="63" width="12" height="4" rx="1" fill="#444444"/>
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M67 27H83V35H67V27ZM65 27H49V35L65 35V27ZM47 27H31V35H47V27ZM29 27H13V35L29 35V27ZM13 37L13 69H29V37H13ZM31 69H83V37L67 37H65H49H47H31V69ZM11 27C11 25.8954 11.8954 25 13 25H83C84.1046 25 85 25.8954 85 27V69C85 70.1046 84.1046 71 83 71H13C11.8954 71 11 70.1046 11 69V27Z" fill="#444444"/>
</symbol>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

13
apps/spreadsheeteditor/main/resources/less/leftmenu.less
View file

@ -81,6 +81,19 @@
width: 96px;
height: 96px;
cursor: pointer;
.svg-format-blank {
background: ~"url(../../../apps/common/main/resources/img/doc-formats/blank.svg) no-repeat center" ;
}
.svg-file-template{
background: ~"url(resources/img/file-template.svg) no-repeat center" ;
}
div {
display: block;
height: 100%;
width: 100%;
}
}
#file-menu-panel {