From 239e2a9e55f71539c7c2f019a169359fa41bc550 Mon Sep 17 00:00:00 2001 From: Maxim Kadushkin Date: Wed, 25 Nov 2020 22:52:24 +0300 Subject: [PATCH] [PE mobile] changed less sources --- .../mobile/resources/less/app-ios.less | 339 ------------------ .../mobile/resources/less/app-material.less | 338 ----------------- .../mobile/resources/less/ios/_search.less | 117 ------ .../resources/less/material/_search.less | 120 ------- .../_icons.less => src/less/icons-ios.less} | 0 .../less/icons-material.less} | 0 6 files changed, 914 deletions(-) delete mode 100644 apps/presentationeditor/mobile/resources/less/app-ios.less delete mode 100644 apps/presentationeditor/mobile/resources/less/app-material.less delete mode 100644 apps/presentationeditor/mobile/resources/less/ios/_search.less delete mode 100644 apps/presentationeditor/mobile/resources/less/material/_search.less rename apps/presentationeditor/mobile/{resources/less/ios/_icons.less => src/less/icons-ios.less} (100%) rename apps/presentationeditor/mobile/{resources/less/material/_icons.less => src/less/icons-material.less} (100%) diff --git a/apps/presentationeditor/mobile/resources/less/app-ios.less b/apps/presentationeditor/mobile/resources/less/app-ios.less deleted file mode 100644 index a2ce76091..000000000 --- a/apps/presentationeditor/mobile/resources/less/app-ios.less +++ /dev/null @@ -1,339 +0,0 @@ -@import url('../../../../../vendor/framework7/src/less/ios/_mixins.less'); -@import url('../../../../../vendor/framework7/src/less/ios/_colors-vars.less'); - -// Colors -@themeColor: #aa5252; // (223,103,55) - -@import url('../../../../../vendor/framework7/src/less/ios/intro.less'); -@import url('../../../../../vendor/framework7/src/less/ios/grid.less'); -@import url('../../../../../vendor/framework7/src/less/ios/views.less'); -@import url('../../../../../vendor/framework7/src/less/ios/pages.less'); -@import url('../../../../../vendor/framework7/src/less/ios/toolbars.less'); -@import url('../../../../../vendor/framework7/src/less/ios/toolbars-pages.less'); -@import url('../../../../../vendor/framework7/src/less/ios/searchbar.less'); -@import url('../../../../../vendor/framework7/src/less/ios/messagebar.less'); -@import url('../../../../../vendor/framework7/src/less/ios/icons.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/badges.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/chips.less'); -@import url('../../../../../vendor/framework7/src/less/ios/content-block.less'); -@import url('../../../../../vendor/framework7/src/less/ios/lists.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/contacts.less'); -@import url('../../../../../vendor/framework7/src/less/ios/forms.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/floating-button.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/accordion.less'); -@import url('../../../../../vendor/framework7/src/less/ios/cards.less'); -@import url('../../../../../vendor/framework7/src/less/ios/modals.less'); -@import url('../../../../../vendor/framework7/src/less/ios/panels.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/lazy-load.less'); -@import url('../../../../../vendor/framework7/src/less/ios/tabs.less'); -@import url('../../../../../vendor/framework7/src/less/ios/messages.less'); -@import url('../../../../../vendor/framework7/src/less/ios/statusbar.less'); -@import url('../../../../../vendor/framework7/src/less/ios/preloader.less'); -@import url('../../../../../vendor/framework7/src/less/ios/progressbar.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/pull-to-refresh.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/infinite-scroll.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/autocomplete.less'); -@import url('../../../../../vendor/framework7/src/less/ios/swiper.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/photo-browser.less'); -@import url('../../../../../vendor/framework7/src/less/ios/picker.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/calendar.less'); -@import url('../../../../../vendor/framework7/src/less/ios/notifications.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/login-screen.less'); -@import url('../../../../../vendor/framework7/src/less/ios/disabled.less'); - -// Disable text select -* { - -webkit-user-select: none; - user-select: none; -} - -input, textarea { - -webkit-touch-callout:default; - -webkit-user-select:text; - user-select:text; -} - -// Main Toolbar -#editor-navbar.navbar .right a + a, -#editor-navbar.navbar .left a + a { - margin-left: 0; - - html:not(.phone) & { - margin-left: 10px; - } -} - -.logo-navbar { - height: 68px; - .navbar-inner { - top: 24px; - height: 44px; - } -} - -@import url('../../../../common/mobile/resources/less/_mixins.less'); -@import url('../../../../common/mobile/resources/less/ios/_container.less'); -@import url('../../../../common/mobile/resources/less/ios/_dataview.less'); -@import url('../../../../common/mobile/resources/less/ios/_listview.less'); -@import url('../../../../common/mobile/resources/less/ios/_button.less'); -@import url('../../../../common/mobile/resources/less/ios/_contextmenu.less'); -@import url('../../../../common/mobile/resources/less/ios/_color-palette.less'); -@import url('../../../../common/mobile/resources/less/ios/_about.less'); -@import url('../../../../common/mobile/resources/less/ios/_color-schema.less'); -@import url('../../../../common/mobile/resources/less/ios/_collaboration.less'); - -@import url('ios/_search.less'); -@import url('ios/_icons.less'); - -.label-switch input[type="checkbox"]:checked + .checkbox { - background: @themeColor; -} - -// Top offset - -#editor_sdk { - position: absolute; - left: 0; - right: 0; - top: @toolbarSize; - bottom: 0; - height: auto; - overflow: hidden; - .transition(300ms); -} - -#editor_sdk.with-logo { - top: 68px; -} - -// Add Container - -#add-table, -#add-shape { - .page { - background-color: #fff; - } -} - -// Table styles - -.table-styles { - .row { - &, li { - margin-bottom: 12px; - } - } - - li { - margin: 0; - padding: 1px; - - img { - width: 70px; - height: 50px; - } - } -} - -// Shapes - -.shapes { - li { - width: 70px; - height: 70px; - margin: 0 1px; - - .thumb { - width: 100%; - height: 100%; - background-color: @themeColor; - } - } -} - -// Bullets and numbers - -.bullets, -.numbers { - ul { - margin-top: 10px; - } - - li { - width: 70px; - height: 70px; - margin-right: 1px; - border: 1px solid #c4c4c4; - html.pixel-ratio-2 & { - border: 0.5px solid #c4c4c4; - } - html.pixel-ratio-3 & { - border: 0.33px solid #c4c4c4; - } - - &.active { - // - } - - .thumb { - width: 100%; - height: 100%; - background-color: @white; - background-size: cover; - - label { - width: 100%; - text-align: center; - position: absolute; - top: 34%; - } - } - } -} - -// Slide layout - -.slide-layout { - .row { - margin-bottom: 12px; - } - - li { - margin: 0; - padding: 1px; - - img { - box-shadow: 0 0 0 1px rgba(0,0,0,0.15); - } - } -} - -// Slide theme - -.slide-theme { - .row { - margin-top: 14px; - margin-bottom: 12px; - - div { - margin: 0; - padding: 3px; - box-shadow: 0 0 0 1px rgba(0,0,0,0.15); - width: 85px; - height: 38px; - } - } - - .item-theme { - background-image: url('../../../../../../sdkjs/common/Images/themes_thumbnail.png'); - } -} - -// Charts - -.chart-types { - li { - width: 60px; - height: 60px; - margin: 6px; - - .thumb { - width: 100%; - height: 100%; - background-size: contain; - } - } -} - -// Workaround ios 10.3 - -.range-slider input[type=range]::-webkit-slider-thumb { - height: 28px; - width: 28px; - border-radius: 28px; - background: #fff; - box-shadow: 0 2px 4px rgba(0,0,0,0.4); - z-index: 10; - -webkit-appearance: none; -} - -.modal.modal-in { - max-height: 100%; - overflow: auto; -} - -// Skeleton of document - -.doc-placeholder { - background: #f5f5f5; - width: 100%; - height: 100%; - left: 0; - top: 0; - bottom: 0; - right: 0; - z-index: 1; - position: absolute; - padding-top: 12px; - - .slide-h { - display: flex; - flex-direction: column; - justify-content: center; - flex-grow: 1; - width: 90%; - height: 100%; - margin: 0 auto; - } - - .slide-v { - display: flex; - position: relative; - flex-direction: column; - padding-bottom: 56.1333%; - } - - .slide-container { - position: absolute; - height: 100%; - width: 100%; - background: #fbfbfb; - border: 1px solid #dfdfdf; - - -webkit-animation: flickerAnimation 2s infinite ease-in-out; - -moz-animation: flickerAnimation 2s infinite ease-in-out; - -o-animation: flickerAnimation 2s infinite ease-in-out; - animation: flickerAnimation 2s infinite ease-in-out; - - > .line { - height: 20%; - margin: 0 120px; - border-radius: 6px; - background: #f5f5f5; - - &:nth-child(1) { - height: 30%; - margin: 10% 80px 0; - } - - &.empty { - background: transparent; - } - } - } -} - -// Macros settings -.page-macros-settings[data-page="settings-macros-view"] { - .list-block { - li.media-item { - .item-title { - font-weight: normal; - } - .item-subtitle { - font-size: 14px; - color: @gray; - } - } - } -} diff --git a/apps/presentationeditor/mobile/resources/less/app-material.less b/apps/presentationeditor/mobile/resources/less/app-material.less deleted file mode 100644 index 71d2221e3..000000000 --- a/apps/presentationeditor/mobile/resources/less/app-material.less +++ /dev/null @@ -1,338 +0,0 @@ -@import url('../../../../../vendor/framework7/src/less/material/_mixins.less'); -@import url('../../../../../vendor/framework7/src/less/material/_colors-vars.less'); - -// Colors -@themeColor: #aa5252; // (223,103,55) -@themeColorLight: #f1d1d1; -@navBarIconColor: #fff; - -@import url('../../../../../vendor/framework7/src/less/material/intro.less'); -@import url('../../../../../vendor/framework7/src/less/material/grid.less'); -@import url('../../../../../vendor/framework7/src/less/material/views.less'); -@import url('../../../../../vendor/framework7/src/less/material/pages.less'); -@import url('../../../../../vendor/framework7/src/less/material/toolbars.less'); -@import url('../../../../../vendor/framework7/src/less/material/toolbars-pages.less'); -@import url('../../../../../vendor/framework7/src/less/material/searchbar.less'); -@import url('../../../../../vendor/framework7/src/less/material/messagebar.less'); -@import url('../../../../../vendor/framework7/src/less/material/icons.less'); -@import url('../../../../../vendor/framework7/src/less/material/badges.less'); -//@import url('../../../../../vendor/framework7/src/less/material/chips.less'); -@import url('../../../../../vendor/framework7/src/less/material/content-block.less'); -@import url('../../../../../vendor/framework7/src/less/material/lists.less'); -//@import url('../../../../../vendor/framework7/src/less/material/contacts.less'); -@import url('../../../../../vendor/framework7/src/less/material/forms.less'); -@import url('../../../../../vendor/framework7/src/less/material/floating-button.less'); -//@import url('../../../../../vendor/framework7/src/less/material/accordion.less'); -//@import url('../../../../../vendor/framework7/src/less/material/cards.less'); -@import url('../../../../../vendor/framework7/src/less/material/modals.less'); -@import url('../../../../../vendor/framework7/src/less/material/panels.less'); -//@import url('../../../../../vendor/framework7/src/less/material/lazy-load.less'); -@import url('../../../../../vendor/framework7/src/less/material/tabs.less'); -@import url('../../../../../vendor/framework7/src/less/material/messages.less'); -@import url('../../../../../vendor/framework7/src/less/material/statusbar.less'); -@import url('../../../../../vendor/framework7/src/less/material/preloader.less'); -@import url('../../../../../vendor/framework7/src/less/material/progressbar.less'); -//@import url('../../../../../vendor/framework7/src/less/material/pull-to-refresh.less'); -//@import url('../../../../../vendor/framework7/src/less/material/infinite-scroll.less'); -//@import url('../../../../../vendor/framework7/src/less/material/autocomplete.less'); -//@import url('../../../../../vendor/framework7/src/less/material/swiper.less'); -//@import url('../../../../../vendor/framework7/src/less/material/photo-browser.less'); -@import url('../../../../../vendor/framework7/src/less/material/picker.less'); -//@import url('../../../../../vendor/framework7/src/less/material/calendar.less'); -@import url('../../../../../vendor/framework7/src/less/material/notifications.less'); -//@import url('../../../../../vendor/framework7/src/less/material/login-screen.less'); -@import url('../../../../../vendor/framework7/src/less/material/ripple.less'); -@import url('../../../../../vendor/framework7/src/less/material/disabled.less'); - - -@import url('../../../../common/mobile/resources/less/_mixins.less'); -@import url('../../../../common/mobile/resources/less/material/_container.less'); -@import url('../../../../common/mobile/resources/less/material/_dataview.less'); -@import url('../../../../common/mobile/resources/less/material/_listview.less'); -@import url('../../../../common/mobile/resources/less/material/_button.less'); -@import url('../../../../common/mobile/resources/less/material/_contextmenu.less'); -@import url('../../../../common/mobile/resources/less/material/_color-palette.less'); -@import url('../../../../common/mobile/resources/less/material/_about.less'); -@import url('../../../../common/mobile/resources/less/material/_color-schema.less'); -@import url('../../../../common/mobile/resources/less/material/_collaboration.less'); - -@import url('material/_search.less'); -@import url('material/_icons.less'); -@import url('../../../../common/mobile/resources/less/material/_sailfish_fix.less'); - -// Top offset - -#editor_sdk { - position: absolute; - left: 0; - right: 0; - top: @toolbarSize; - bottom: 0; - height: auto; - overflow: hidden; - .transition(300ms); -} -#editor_sdk.with-logo { - top: 80px; -} - - -// Disable text select -* { - -webkit-user-select: none; - user-select: none; -} - -input, textarea { - -webkit-touch-callout:default; - -webkit-user-select:text; - user-select:text; -} - -// Main Toolbar -#editor-navbar.navbar .right { - padding-right: 4px; -} -#editor-navbar.navbar .right a.link, -#editor-navbar.navbar .left a.link { - padding: 0 13px; -} - -.logo-navbar { - height: 80px; - .navbar-inner { - top: 24px; - height: 56px; - } -} - -// Add Container - -#add-table, -#add-shape { - .page { - background-color: #fff; - } -} -.container-add { - .categories { - i.icon { - opacity: 0.5; - } - .active { - i.icon { - opacity: 1; - } - } - } -} - -// Table styles - -.table-styles { - .row { - &, li { - margin-bottom: 12px; - } - } - - li { - margin: 0; - padding: 1px; - - img { - width: 70px; - height: 50px; - } - } -} - -// Shapes - -.shapes { - li { - width: 70px; - height: 70px; - margin: 0 1px; - - .thumb { - width: 100%; - height: 100%; - background-color: @themeColor; - } - } -} - -// Bullets and numbers - -.bullets, -.numbers { - ul { - margin-top: 10px; - } - - li { - width: 70px; - height: 70px; - margin-right: 1px; - border: 1px solid #c4c4c4; - html.pixel-ratio-2 & { - border: 0.5px solid #c4c4c4; - } - html.pixel-ratio-3 & { - border: 0.33px solid #c4c4c4; - } - - &.active { - // - } - - .thumb { - width: 100%; - height: 100%; - background-color: @white; - background-size: cover; - - label { - width: 100%; - text-align: center; - position: absolute; - top: 34%; - } - } - } -} - -// Slide layout - -.slide-layout { - .row { - margin-bottom: 12px; - } - - li { - margin: 0; - padding: 1px; - - img { - box-shadow: 0 0 0 1px rgba(0,0,0,0.15); - } - } -} - -// Slide theme - -.slide-theme { - .row { - margin-top: 14px; - margin-bottom: 12px; - - div { - margin: 0; - padding: 3px; - box-shadow: 0 0 0 1px rgba(0,0,0,0.15); - width: 85px; - height: 38px; - } - } - .item-theme { - background-image: url('../../../../../../sdkjs/common/Images/themes_thumbnail.png'); - } -} - -// Charts - -.chart-types { - li { - width: 60px; - height: 60px; - margin: 6px; - - .thumb { - width: 100%; - height: 100%; - background-size: contain; - } - } -} - -.modal.modal-in { - max-height: 100%; - overflow: auto; -} - -// Skeleton of document - -.doc-placeholder { - background: #f5f5f5; - width: 100%; - height: 100%; - left: 0; - top: 0; - bottom: 0; - right: 0; - z-index: 1; - position: absolute; - padding-top: 22px; - - .slide-h { - display: flex; - flex-direction: column; - justify-content: center; - flex-grow: 1; - width: 90%; - height: 100%; - margin: 0 auto; - } - - .slide-v { - display: flex; - position: relative; - flex-direction: column; - padding-bottom: 56.1333%; - } - - .slide-container { - position: absolute; - height: 100%; - width: 100%; - background: #fbfbfb; - border: 1px solid #dfdfdf; - - -webkit-animation: flickerAnimation 2s infinite ease-in-out; - -moz-animation: flickerAnimation 2s infinite ease-in-out; - -o-animation: flickerAnimation 2s infinite ease-in-out; - animation: flickerAnimation 2s infinite ease-in-out; - - > .line { - height: 20%; - margin: 0 120px; - border-radius: 6px; - background: #f5f5f5; - - &:nth-child(1) { - height: 30%; - margin: 10% 80px 0; - } - - &.empty { - background: transparent; - } - } - } -} - -// Macros settings -.page-macros-settings[data-page="settings-macros-view"] { - .list-block { - li.media-item { - .item-title { - font-weight: normal; - } - .item-subtitle { - font-size: 14px; - color: @gray; - } - } - } -} \ No newline at end of file diff --git a/apps/presentationeditor/mobile/resources/less/ios/_search.less b/apps/presentationeditor/mobile/resources/less/ios/_search.less deleted file mode 100644 index a6f69da4a..000000000 --- a/apps/presentationeditor/mobile/resources/less/ios/_search.less +++ /dev/null @@ -1,117 +0,0 @@ -// Search - -.tablet { - // Replace mode - .searchbar.document.replace { - .center { - .searchbar:first-child { - margin-right: 10px; - } - - .replace { - display: flex; - } - } - - .right { - .replace { - display: flex; - margin: 0 10px; - } - } - } - - // Search mode - .searchbar.document { - .center { - width: 100%; - - .searchbar { - background: inherit; - padding: 0; - } - - .replace { - display: none; - } - } - - .right { - .prev { - margin-left: 0; - } - - .replace { - display: none; - } - } - } -} - -.phone { - // Replace mode - .searchbar.document.replace { - height: 88px; - - .left { - margin-top: -44px; - } - - .center { - .searchbar-input { - margin: 8px 0; - } - - .replace { - display: block; - } - } - - .right { - > .replace { - display: flex; - } - } - } - - // Search mode - .searchbar.document { - .left, - .center, - .right { - flex-direction: column; - } - - .center { - width: 100%; - - .searchbar { - background: inherit; - padding: 0; - - &:after { - content: none; - } - } - - .replace { - display: none; - } - } - - .right { - > p { - margin: 0; - } - - > .replace { - display: none; - } - } - } -} - -.searchbar.document { - //background: lighten(@searchbarBg, 10%); - background-color: #f7f7f8; -} \ No newline at end of file diff --git a/apps/presentationeditor/mobile/resources/less/material/_search.less b/apps/presentationeditor/mobile/resources/less/material/_search.less deleted file mode 100644 index 42e5d041f..000000000 --- a/apps/presentationeditor/mobile/resources/less/material/_search.less +++ /dev/null @@ -1,120 +0,0 @@ -// Search - -.tablet { - // Replace mode - .searchbar.document.replace { - .center { - > .replace { - display: flex; - } - } - - .right { - .replace { - display: flex; - } - } - - .link.replace { - font-size: 16px; - } - } - - // Search mode - .searchbar.document { - .center { - width: 100%; - display: flex; - margin: 0; - overflow: visible; - - .searchbar { - overflow: visible; - - &.search { - padding: 0; - } - } - - > .replace { - display: none; - } - } - - .right { - .replace { - display: none; - } - } - } -} - -@phoneSearchHeight: 48px; - -.phone { - // Replace mode - .searchbar.document.replace { - height: @phoneSearchHeight * 2; - - .link.replace { - font-size: 16px; - } - - .left { - margin-top: -@phoneSearchHeight; - } - - .center { - .replace { - display: block; - } - } - - .right { - > .replace { - display: flex; - } - } - } - - // Search mode - .searchbar.document { - .left, - .center, - .right { - flex-direction: column; - } - - .left { - //min-width: 15px; - } - - .center { - width: 100%; - margin: 0; - overflow: visible; - - .searchbar { - padding: 0; - } - - .replace { - display: none; - } - } - - .right { - > p { - margin: 0; - - a.link { - height: @phoneSearchHeight; - } - } - - > .replace { - display: none; - } - } - } -} \ No newline at end of file diff --git a/apps/presentationeditor/mobile/resources/less/ios/_icons.less b/apps/presentationeditor/mobile/src/less/icons-ios.less similarity index 100% rename from apps/presentationeditor/mobile/resources/less/ios/_icons.less rename to apps/presentationeditor/mobile/src/less/icons-ios.less diff --git a/apps/presentationeditor/mobile/resources/less/material/_icons.less b/apps/presentationeditor/mobile/src/less/icons-material.less similarity index 100% rename from apps/presentationeditor/mobile/resources/less/material/_icons.less rename to apps/presentationeditor/mobile/src/less/icons-material.less