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

Fix styles for file templates

Browse source
This commit is contained in:
Julia Radzhabova 2021-08-24 13:38:19 +03:00
parent 90ef8be900
commit 710ddf98ca
6 changed files with 22 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -873,7 +873,7 @@ define([
'<div class="blank-document-btn">', '<div class="blank-document-btn">',
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>', '<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
'</div>', '</div>',
'<div class="title"><%= scope.titleText(scope.fromBlankText) %></div>', '<div class="title"><%= scope.fromBlankText %></div>',
'</div>', '</div>',
'<% _.each(docs, function(item, index) { %>', '<% _.each(docs, function(item, index) { %>',
'<div class="thumb-wrap" template="<%= item.url %>">', '<div class="thumb-wrap" template="<%= item.url %>">',
@ -884,19 +884,12 @@ define([
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' + 'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
' } %>', ' } %>',
'</div>', '</div>',
'<div class="title"><%= scope.titleText(Common.Utils.String.htmlEncode(item.title || item.name || "")) %></div>', '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
'</div>', '</div>',
'<% }) %>', '<% }) %>',
'</div>' '</div>'
].join('')), ].join('')),
titleText: function (text){
var maxLength=30;
if(text.length<maxLength)
return text;
return text.substr(0,maxLength)+ "...";
},
initialize: function(options) { initialize: function(options) {
Common.UI.BaseView.prototype.initialize.call(this,arguments); Common.UI.BaseView.prototype.initialize.call(this,arguments);

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

@ -208,11 +208,12 @@
line-height: 14px; line-height: 14px;
height: 28px; height: 28px;
margin: 8px 8px 12px 8px; margin: 8px 8px 12px 8px;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all; word-break: break-all;
word-break: break-word; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
&:hover{ &:hover{
background-color: @highlight-button-hover-ie; background-color: @highlight-button-hover-ie;

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

@ -771,7 +771,7 @@ define([
'<div class="blank-document-btn">', '<div class="blank-document-btn">',
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>', '<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
'</div>', '</div>',
'<div class="title"><%= scope.titleText(scope.fromBlankText) %></div>', '<div class="title"><%= scope.fromBlankText %></div>',
'</div>', '</div>',
'<% _.each(docs, function(item, index) { %>', '<% _.each(docs, function(item, index) { %>',
'<div class="thumb-wrap" template="<%= item.url %>">', '<div class="thumb-wrap" template="<%= item.url %>">',
@ -782,19 +782,12 @@ define([
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' + 'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
' } %>', ' } %>',
'</div>', '</div>',
'<div class="title"><%= scope.titleText(Common.Utils.String.htmlEncode(item.title || item.name || "")) %></div>', '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
'</div>', '</div>',
'<% }) %>', '<% }) %>',
'</div>' '</div>'
].join('')), ].join('')),
titleText: function (text){
var maxLength=30;
if(text.length<maxLength)
return text;
return text.substr(0,maxLength)+ "...";
},
initialize: function(options) { initialize: function(options) {
Common.UI.BaseView.prototype.initialize.call(this,arguments); Common.UI.BaseView.prototype.initialize.call(this,arguments);

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

@ -242,11 +242,12 @@
line-height: 14px; line-height: 14px;
height: 28px; height: 28px;
margin: 8px 8px 12px 8px; margin: 8px 8px 12px 8px;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all; word-break: break-all;
word-break: break-word; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
&:hover{ &:hover{
background-color: @highlight-button-hover-ie; background-color: @highlight-button-hover-ie;

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

@ -1738,7 +1738,7 @@ define([
'<div class="blank-document-btn">', '<div class="blank-document-btn">',
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>', '<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
'</div>', '</div>',
'<div class="title"><%= scope.titleText(scope.fromBlankText) %></div>', '<div class="title"><%= scope.fromBlankText %></div>',
'</div>', '</div>',
'<% _.each(docs, function(item, index) { %>', '<% _.each(docs, function(item, index) { %>',
'<div class="thumb-wrap" template="<%= item.url %>">', '<div class="thumb-wrap" template="<%= item.url %>">',
@ -1749,19 +1749,12 @@ define([
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' + 'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
' } %>', ' } %>',
'</div>', '</div>',
'<div class="title"><%= scope.titleText(Common.Utils.String.htmlEncode(item.title || item.name || "")) %></div>', '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
'</div>', '</div>',
'<% }) %>', '<% }) %>',
'</div>' '</div>'
].join('')), ].join('')),
titleText: function (text){
var maxLength=30;
if(text.length<maxLength)
return text;
return text.substr(0,maxLength)+ "...";
},
initialize: function(options) { initialize: function(options) {
Common.UI.BaseView.prototype.initialize.call(this,arguments); Common.UI.BaseView.prototype.initialize.call(this,arguments);

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

@ -310,11 +310,12 @@
line-height: 14px; line-height: 14px;
height: 28px; height: 28px;
margin: 8px 8px 12px 8px; margin: 8px 8px 12px 8px;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all; word-break: break-all;
word-break: break-word; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
&:hover{ &:hover{
background-color: @highlight-button-hover-ie; background-color: @highlight-button-hover-ie;