Fix styles for file templates

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

View file

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

View file

@ -208,11 +208,12 @@
line-height: 14px;
height: 28px;
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-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
&:hover{
background-color: @highlight-button-hover-ie;

View file

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

View file

@ -242,11 +242,12 @@
line-height: 14px;
height: 28px;
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-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
&:hover{
background-color: @highlight-button-hover-ie;

View file

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

View file

@ -310,11 +310,12 @@
line-height: 14px;
height: 28px;
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-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
&:hover{
background-color: @highlight-button-hover-ie;