From 1b0220f72081885363541d86ea2cefffc882d408 Mon Sep 17 00:00:00 2001 From: JuliaSvinareva Date: Tue, 1 Dec 2020 15:36:45 +0300 Subject: [PATCH] [PE mobile] Fix styles --- .../mobile/src/less/app.less | 2 +- .../mobile/src/less/icons-ios.less | 1063 ++++++++-------- .../mobile/src/less/icons-material.less | 1090 +++++++++-------- 3 files changed, 1161 insertions(+), 994 deletions(-) diff --git a/apps/presentationeditor/mobile/src/less/app.less b/apps/presentationeditor/mobile/src/less/app.less index 24c5dc0fb..0ba2b8fbc 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 d894e0ecf..60e822a37 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('icons_for_svg'); - } - - &.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('icons_for_svg'); + } + + &.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 37a7a33bc..97f586ae8 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