diff --git a/apps/presentationeditor/mobile/src/less/app.less b/apps/presentationeditor/mobile/src/less/app.less
index 24c5dc0fb0..0ba2b8fbcc 100644
--- a/apps/presentationeditor/mobile/src/less/app.less
+++ b/apps/presentationeditor/mobile/src/less/app.less
@@ -1,4 +1,4 @@
-@themeColor: #446995;
+@themeColor: #aa5252;
@import '../../../../common/mobile/resources/less/_mixins.less';
@import '../../../../common/mobile/resources/less/collaboration.less';
diff --git a/apps/presentationeditor/mobile/src/less/icons-ios.less b/apps/presentationeditor/mobile/src/less/icons-ios.less
index d894e0ecfd..60e822a376 100644
--- a/apps/presentationeditor/mobile/src/less/icons-ios.less
+++ b/apps/presentationeditor/mobile/src/less/icons-ios.less
@@ -1,510 +1,593 @@
// Icons
-i.icon {
- &.icon-logo {
- width: 100px;
- height: 14px;
- background: url('../../../../common/mobile/resources/img/header/logo-ios.svg') no-repeat center;
- }
- &.icon-search {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-burger {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-edit {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-edit-settings {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-play {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-undo {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-redo {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-reader {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-download {
- width: 22px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-print {
- width: 22px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-spellcheck {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-info {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-plus {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-settings {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-about {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-help {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-setup {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-versions {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-text-additional {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-text-color {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-text-selection {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-bullets {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-numbers {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-linespacing {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-text-align-center {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-align-jast {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-align-left {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-align-right {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-de-indent {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-in-indent {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-prev, &.icon-prev-comment {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-next, &.icon-next-comment {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-add-column-left {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-add-column-right {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-add-row-above {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-add-row-below {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-remove-column {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-remove-row {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-expand-down {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-pagebreak {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-sectionbreak {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-stringbreak {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-pagenumber {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-link {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-image-library {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-text-valign-top {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-valign-middle {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-valign-bottom {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
-
- // Presets of table borders
-
- &.icon-table-borders-all {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-none {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-inner {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-outer {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-left {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-center {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-right {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-top {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-middle {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-bottom {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
-
- // Reorder
-
- &.icon-move-backward {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-move-forward {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-move-background {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-move-foreground {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
-
- &.icon-align-left {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-center {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-right {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-top {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-middle {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-bottom {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-horizontal {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-vertical {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- // Formats
-
- &.icon-format-pdf {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-pdfa {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-pptx {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-potx {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-odp {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-otp {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
-
- // Collaboration
- &.icon-collaboration {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-users {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-app-settings {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-cut {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-copy {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-paste {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- //comments
- &.icon-menu-comment {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-resolve-comment {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-resolve-comment.check {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-insert-comment {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- //Insert
- &.icon-add-slide {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-add-shape {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-add-image {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-add-other {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-add-table {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
-}
-
-.active {
+.device-ios {
i.icon {
+ &.icon-logo {
+ width: 100px;
+ height: 14px;
+ background: url('../../../../common/mobile/resources/img/header/logo-ios.svg') no-repeat center;
+ }
+
+ &.icon-search {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-burger {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-edit {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-edit-settings {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-play {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-undo {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-redo {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-reader {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-download {
+ width: 22px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-print {
+ width: 22px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-spellcheck {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-info {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-plus {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-settings {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-about {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-help {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-setup {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-versions {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-text-additional {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-text-color {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-text-selection {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-bullets {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-numbers {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-linespacing {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-text-align-center {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-align-jast {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-align-left {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-align-right {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-de-indent {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-in-indent {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-prev, &.icon-prev-comment {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-next, &.icon-next-comment {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-add-column-left {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-add-column-right {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-add-row-above {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-add-row-below {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-remove-column {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-remove-row {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-expand-down {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-pagebreak {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-sectionbreak {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-stringbreak {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-pagenumber {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-link {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-image-library {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-text-valign-top {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-valign-middle {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-valign-bottom {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ // Presets of table borders
+
+ &.icon-table-borders-all {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-none {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-inner {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-outer {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-left {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-center {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-right {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-top {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-middle {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-bottom {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ // Reorder
+
+ &.icon-move-backward {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-move-forward {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-move-background {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-move-foreground {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-left {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-center {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-right {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-top {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-middle {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-bottom {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-horizontal {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-vertical {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ // Formats
+
+ &.icon-format-pdf {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-pdfa {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-pptx {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-potx {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-odp {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-otp {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ // Collaboration
+ &.icon-collaboration {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-users {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-app-settings {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-cut {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-copy {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-paste {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ //comments
+ &.icon-menu-comment {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-resolve-comment {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-resolve-comment.check {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-insert-comment {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ //Insert
&.icon-add-slide {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
+
&.icon-add-shape {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
+
&.icon-add-image {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
+
&.icon-add-other {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-table {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+ }
+
+ .active {
+ i.icon {
+ &.icon-add-slide {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-shape {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-image {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-other {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
}
}
}
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/src/less/icons-material.less b/apps/presentationeditor/mobile/src/less/icons-material.less
index 37a7a33bc5..97f586ae88 100644
--- a/apps/presentationeditor/mobile/src/less/icons-material.less
+++ b/apps/presentationeditor/mobile/src/less/icons-material.less
@@ -1,545 +1,629 @@
// Icons
-i.icon {
- &.icon-expand-up {
- width: 17px;
- height: 17px;
- .encoded-svg-background('');
- }
- &.icon-expand-down {
- width: 17px;
- height: 17px;
- .encoded-svg-background('');
- }
- &.icon-search {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-edit {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-edit-settings {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-play {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-reader {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-download {
- width: 22px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-print {
- width: 22px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-spellcheck {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-info {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-about {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-help {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-setup {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-versions {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- //&.icon-text-additional {
- // width: 22px;
- // height: 22px;
- // .encoded-svg-background('');
- //}
- //&.icon-text-color {
- // width: 22px;
- // height: 22px;
- // .encoded-svg-background('');
- //}
- //&.icon-text-selection {
- // width: 22px;
- // height: 22px;
- // .encoded-svg-background('');
- //}
- //&.icon-bullets {
- // width: 22px;
- // height: 22px;
- // .encoded-svg-background('');
- //}
- //&.icon-numbers {
- // width: 22px;
- // height: 22px;
- // .encoded-svg-background('');
- //}
- //&.icon-linespacing {
- // width: 22px;
- // height: 22px;
- // .encoded-svg-background('');
- //}
- &.icon-text-align-center {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-align-jast {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-align-left {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-align-right {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-de-indent {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-in-indent {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-table-add-column-left {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-add-column-right {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-add-row-above {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-add-row-below {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-remove-column {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-table-remove-row {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-pagebreak {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-sectionbreak {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-stringbreak {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-pagenumber {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-image-library {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
-
- &.icon-text-valign-top {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-valign-middle {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
- &.icon-text-valign-bottom {
- width: 22px;
- height: 22px;
- .encoded-svg-mask('');
- }
-
- // Presets of table borders
-
- &.icon-table-borders-all {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-none {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-inner {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-outer {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-left {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-center {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-right {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-top {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-middle {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-table-borders-bottom {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
-
- // Reorder
-
- &.icon-move-backward {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-move-forward {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-move-background {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
- &.icon-move-foreground {
- width: 28px;
- height: 28px;
- .encoded-svg-background('');
- }
-
- &.icon-align-left {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-center {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-right {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-top {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-middle {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-bottom {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-horizontal {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- &.icon-align-vertical {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
-
- // Formats
-
- &.icon-format-pdf {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-pdfa {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-pptx {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-potx {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-odp {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
- &.icon-format-otp {
- width: 30px;
- height: 30px;
- .encoded-svg-background('');
- }
-
- // Collaboration
- &.icon-collaboration {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-users {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-app-settings {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-cut {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-copy {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-paste {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- //Comments
- &.icon-menu-comment {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-resolve-comment {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-resolve-comment.check {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-prev-comment {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-next-comment {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-done-comment {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-insert-comment {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-done-comment-white {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-add-table {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-link {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
-}
-
-// Overwrite color for toolbar
-.navbar {
+.device-android {
i.icon {
- &.icon-logo {
- width: 100px;
- height: 14px;
- background: url('../../../../common/mobile/resources/img/header/logo-android.svg') no-repeat center;
+ &.icon-expand-up {
+ width: 17px;
+ height: 17px;
+ .encoded-svg-background('');
}
- &.icon-undo {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-redo {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
+
+ &.icon-expand-down {
+ width: 17px;
+ height: 17px;
+ .encoded-svg-background('');
}
+
&.icon-search {
width: 22px;
height: 22px;
- .encoded-svg-background('');
- }
- &.icon-burger {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
- }
- &.icon-plus {
- width: 22px;
- height: 22px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
+
&.icon-edit {
width: 22px;
height: 22px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
+
+ &.icon-edit-settings {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
&.icon-play {
width: 22px;
height: 22px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
- &.icon-settings {
+
+ &.icon-reader {
width: 22px;
height: 22px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
- &.icon-prev {
- width: 20px;
- height: 20px;
- .encoded-svg-background('');
+
+ &.icon-download {
+ width: 22px;
+ height: 28px;
+ .encoded-svg-background('');
}
- &.icon-next {
- width: 20px;
- height: 20px;
- .encoded-svg-background('');
+
+ &.icon-print {
+ width: 22px;
+ height: 28px;
+ .encoded-svg-background('');
}
- &.icon-expand-down {
+
+ &.icon-spellcheck {
width: 22px;
height: 22px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
+
+ &.icon-info {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-about {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-help {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-setup {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-versions {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ //&.icon-text-additional {
+ // width: 22px;
+ // height: 22px;
+ // .encoded-svg-background('');
+ //}
+ //&.icon-text-color {
+ // width: 22px;
+ // height: 22px;
+ // .encoded-svg-background('');
+ //}
+ //&.icon-text-selection {
+ // width: 22px;
+ // height: 22px;
+ // .encoded-svg-background('');
+ //}
+ //&.icon-bullets {
+ // width: 22px;
+ // height: 22px;
+ // .encoded-svg-background('');
+ //}
+ //&.icon-numbers {
+ // width: 22px;
+ // height: 22px;
+ // .encoded-svg-background('');
+ //}
+ //&.icon-linespacing {
+ // width: 22px;
+ // height: 22px;
+ // .encoded-svg-background('');
+ //}
+ &.icon-text-align-center {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-align-jast {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-align-left {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-align-right {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-de-indent {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-in-indent {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-table-add-column-left {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-add-column-right {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-add-row-above {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-add-row-below {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-remove-column {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-remove-row {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-pagebreak {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-sectionbreak {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-stringbreak {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-pagenumber {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-image-library {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-text-valign-top {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-valign-middle {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ &.icon-text-valign-bottom {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-mask('');
+ }
+
+ // Presets of table borders
+
+ &.icon-table-borders-all {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-none {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-inner {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-outer {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-left {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-center {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-right {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-top {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-middle {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-table-borders-bottom {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ // Reorder
+
+ &.icon-move-backward {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-move-forward {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-move-background {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-move-foreground {
+ width: 28px;
+ height: 28px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-left {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-center {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-right {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-top {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-middle {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-bottom {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-horizontal {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-align-vertical {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ // Formats
+
+ &.icon-format-pdf {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-pdfa {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-pptx {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-potx {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-odp {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-format-otp {
+ width: 30px;
+ height: 30px;
+ .encoded-svg-background('');
+ }
+
+ // Collaboration
&.icon-collaboration {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
- &.icon-add-slide {
+
+ &.icon-users {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
- &.icon-add-shape {
+
+ &.icon-app-settings {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
- &.icon-add-image {
+
+ &.icon-cut {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
}
- &.icon-add-other {
- width: 24px;
- height: 24px;
- .encoded-svg-background('');
- }
- &.icon-close-comment {
+
+ &.icon-copy {
width: 24px;
height: 24px;
- .encoded-svg-background('');
+ .encoded-svg-background('');
+ }
+
+ &.icon-paste {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ //Comments
+ &.icon-menu-comment {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-resolve-comment {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-resolve-comment.check {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-prev-comment {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-next-comment {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-done-comment {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-insert-comment {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-done-comment-white {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-table {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-link {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+ }
+
+ // Overwrite color for toolbar
+ .navbar {
+ i.icon {
+ &.icon-logo {
+ width: 100px;
+ height: 14px;
+ background: url('../../../../common/mobile/resources/img/header/logo-android.svg') no-repeat center;
+ }
+
+ &.icon-undo {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-redo {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-search {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-burger {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-plus {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-edit {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-play {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-settings {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-prev {
+ width: 20px;
+ height: 20px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-next {
+ width: 20px;
+ height: 20px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-expand-down {
+ width: 22px;
+ height: 22px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-collaboration {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-slide {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-shape {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-image {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-add-other {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
+
+ &.icon-close-comment {
+ width: 24px;
+ height: 24px;
+ .encoded-svg-background('');
+ }
}
}
}
\ No newline at end of file