diff --git a/apps/documenteditor/mobile/src/less/icons-ios.less b/apps/documenteditor/mobile/src/less/icons-ios.less
index 99205059b..fedae260a 100644
--- a/apps/documenteditor/mobile/src/less/icons-ios.less
+++ b/apps/documenteditor/mobile/src/less/icons-ios.less
@@ -85,57 +85,69 @@
// Download
&.icon-format-docx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-pdf {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-pdfa {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-docxf {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-oform {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-txt {
- width: 24px;
- height: 24px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-rtf {
- width: 24px;
- height: 24px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-odt {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-html {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-dotx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-ott {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
diff --git a/apps/documenteditor/mobile/src/less/icons-material.less b/apps/documenteditor/mobile/src/less/icons-material.less
index bc3b9c640..1a4eddbe1 100644
--- a/apps/documenteditor/mobile/src/less/icons-material.less
+++ b/apps/documenteditor/mobile/src/less/icons-material.less
@@ -140,60 +140,71 @@
// Download
&.icon-format-docx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-pdf {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-pdfa {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-docxf {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-oform {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-txt {
- width: 24px;
- height: 24px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-rtf {
- width: 24px;
- height: 24px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-odt {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-html {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-dotx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-ott {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
-
//Edit
&.icon-text-align-left {
diff --git a/apps/presentationeditor/mobile/src/less/icons-ios.less b/apps/presentationeditor/mobile/src/less/icons-ios.less
index 3c7a619c5..9cdc5b5bc 100644
--- a/apps/presentationeditor/mobile/src/less/icons-ios.less
+++ b/apps/presentationeditor/mobile/src/less/icons-ios.less
@@ -410,39 +410,39 @@
// Formats
&.icon-format-pdf {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('')
}
&.icon-format-pdfa {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-pptx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-potx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-odp {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-otp {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
// Collaboration
diff --git a/apps/presentationeditor/mobile/src/less/icons-material.less b/apps/presentationeditor/mobile/src/less/icons-material.less
index 23488b3a3..a28757a7a 100644
--- a/apps/presentationeditor/mobile/src/less/icons-material.less
+++ b/apps/presentationeditor/mobile/src/less/icons-material.less
@@ -380,40 +380,39 @@
// Formats
&.icon-format-pdf {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('')
}
&.icon-format-pdfa {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-pptx {
- width: 30px;
- height: 30px;
- // xml:space="preserve"
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-potx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-odp {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
&.icon-format-otp {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('')
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
}
// Collaboration
diff --git a/apps/spreadsheeteditor/mobile/src/less/icons-common.less b/apps/spreadsheeteditor/mobile/src/less/icons-common.less
index a1992c022..f91971a58 100644
--- a/apps/spreadsheeteditor/mobile/src/less/icons-common.less
+++ b/apps/spreadsheeteditor/mobile/src/less/icons-common.less
@@ -77,3 +77,50 @@
background-image: url('@{app-image-path}/charts/chart-20.png');
}
}
+
+// Formats
+
+i.icon {
+ &.icon-format-pdf {
+ width: 22px;
+ height: 22px;
+ // .encoded-svg-mask('');
+ .encoded-svg-background('');
+ }
+ &.icon-format-pdfa {
+ width: 22px;
+ height: 22px;
+ // .encoded-svg-mask('');
+ .encoded-svg-background('');
+ }
+ &.icon-format-xlsx {
+ width: 22px;
+ height: 22px;
+ // .encoded-svg-mask('');
+ .encoded-svg-background('');
+ }
+ &.icon-format-xltx {
+ width: 22px;
+ height: 22px;
+ // .encoded-svg-mask('');
+ .encoded-svg-background('');
+ }
+ &.icon-format-ods {
+ width: 22px;
+ height: 22px;
+ // .encoded-svg-mask('');
+ .encoded-svg-background('');
+ }
+ &.icon-format-ots {
+ width: 22px;
+ height: 22px;
+ // .encoded-svg-mask('');
+ .encoded-svg-background('');
+ }
+ &.icon-format-csv {
+ width: 22px;
+ height: 22px;
+ // .encoded-svg-mask('');
+ .encoded-svg-background('');
+ }
+}
diff --git a/apps/spreadsheeteditor/mobile/src/less/icons-ios.less b/apps/spreadsheeteditor/mobile/src/less/icons-ios.less
index 142989494..47acba9e6 100644
--- a/apps/spreadsheeteditor/mobile/src/less/icons-ios.less
+++ b/apps/spreadsheeteditor/mobile/src/less/icons-ios.less
@@ -302,44 +302,8 @@
.encoded-svg-mask('');
}
- // Formats
-
- &.icon-format-pdf {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-pdfa {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-xlsx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-xltx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-ods {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-ots {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-csv {
- width: 24px;
- height: 24px;
- .encoded-svg-mask('');
- }
// Collaboration
+
&.icon-users {
width: 24px;
height: 24px;
diff --git a/apps/spreadsheeteditor/mobile/src/less/icons-material.less b/apps/spreadsheeteditor/mobile/src/less/icons-material.less
index 70a6e5c9d..4e393b6e2 100644
--- a/apps/spreadsheeteditor/mobile/src/less/icons-material.less
+++ b/apps/spreadsheeteditor/mobile/src/less/icons-material.less
@@ -286,44 +286,8 @@
.encoded-svg-mask('');
}
- // Formats
-
- &.icon-format-pdf {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-pdfa {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-xlsx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-xltx {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-ods {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-ots {
- width: 30px;
- height: 30px;
- .encoded-svg-mask('');
- }
- &.icon-format-csv {
- width: 24px;
- height: 24px;
- .encoded-svg-mask('');
- }
// Collaboration
+
&.icon-users {
width: 24px;
height: 24px;