diff --git a/apps/common/mobile/resources/less/about.less b/apps/common/mobile/resources/less/about.less new file mode 100644 index 000000000..7234dcb25 --- /dev/null +++ b/apps/common/mobile/resources/less/about.less @@ -0,0 +1,41 @@ +@text-normal: #000; + +.about { + .page-content { + text-align: center; + } + + .content-block:first-child { + margin: 15px 0; + } + + .content-block { + margin: 0 auto 15px; + + a { + color: @text-normal; + } + } + + h3 { + font-weight: normal; + margin: 0; + + &.vendor { + color: @text-normal; + font-weight: bold; + margin-top: 15px; + } + } + + p > label { + margin-right: 5px; + } + + .logo { + display: inline-block; + width: 100%; + height: 55px; + background: url('../../../../common/mobile/resources/img/about/logo.svg') no-repeat center; + } +} \ No newline at end of file diff --git a/apps/common/mobile/resources/less/common-ios.less b/apps/common/mobile/resources/less/common-ios.less index 8305d3245..1e49aea4a 100644 --- a/apps/common/mobile/resources/less/common-ios.less +++ b/apps/common/mobile/resources/less/common-ios.less @@ -299,4 +299,10 @@ .dialog { background-color: rgba(var(--f7-dialog-bg-color-rgb), 1); } + + .about { + .logo { + margin-top: 20px; + } + } } diff --git a/apps/presentationeditor/mobile/src/less/app-ios.less b/apps/presentationeditor/mobile/src/less/app-ios.less index 0875bb61a..55a23a31e 100644 --- a/apps/presentationeditor/mobile/src/less/app-ios.less +++ b/apps/presentationeditor/mobile/src/less/app-ios.less @@ -27,76 +27,3 @@ color: #212121; } } - -// About - -.content-block { - margin: 35px 0; - padding: 0 15px; - color: #6d6d72; - box-sizing: border-box; -} - -.about .page-content { - text-align: center; -} - -.about .content-block { - margin: 0 auto 15px; -} - -.about .content-block:first-child { - margin: 15px 0; -} - -.about .logo { - margin-top: 20px; - background-position: center; - background-repeat: no-repeat; - background-size: contain; - display: inline-block; - width: 100%; - height: 55px; - .encoded-svg-background(''); -} - -.settings-about-logo { - margin-top: 20px; - img { - max-width: 216px; - max-height: 35px; - } -} - -.about h3 { - font-weight: 400; - margin: 0; -} - -.about h3.vendor { - color: #000; - font-weight: 700; - margin-top: 15px; -} - -.about p > label { - margin-right: 5px; -} - -.about .content-block a { - color: #000; -} - -.content-block-inner { - background: #fff; - padding: 10px 15px; - margin-left: -15px; - width: 100%; - position: relative; - color: #000; -} - - - - - diff --git a/apps/presentationeditor/mobile/src/less/app-material.less b/apps/presentationeditor/mobile/src/less/app-material.less index 65ab3a1ab..2a0550a09 100644 --- a/apps/presentationeditor/mobile/src/less/app-material.less +++ b/apps/presentationeditor/mobile/src/less/app-material.less @@ -46,72 +46,3 @@ color: #212121; } } - -// About - -.content-block { - margin: 35px 0; - padding: 0 15px; - color: #6d6d72; - box-sizing: border-box; -} - -.about .page-content { - text-align: center; -} - -.about .content-block { - margin: 0 auto 15px; -} - -.about .content-block:first-child { - margin: 15px 0; -} - -.about .logo { - margin-top: 20px; - background-position: center; - background-repeat: no-repeat; - background-size: contain; - display: inline-block; - width: 100%; - height: 55px; - .encoded-svg-background(''); -} - -.settings-about-logo { - margin-top: 20px; - img { - max-width: 216px; - max-height: 35px; - } -} - -.about h3 { - font-weight: 400; - margin: 0; -} - -.about h3.vendor { - color: #000; - font-weight: 700; - margin-top: 15px; -} - -.about p > label { - margin-right: 5px; -} - -.about .content-block a { - color: #000; -} - -.content-block-inner { - background: #fff; - padding: 10px 15px; - margin-left: -15px; - width: 100%; - position: relative; - color: #000; -} - diff --git a/apps/presentationeditor/mobile/src/less/app.less b/apps/presentationeditor/mobile/src/less/app.less index d2d73f91e..d83b0a431 100644 --- a/apps/presentationeditor/mobile/src/less/app.less +++ b/apps/presentationeditor/mobile/src/less/app.less @@ -5,6 +5,7 @@ @import '../../../../common/mobile/resources/less/common.less'; @import '../../../../common/mobile/resources/less/common-ios.less'; @import '../../../../common/mobile/resources/less/common-material.less'; +@import '../../../../common/mobile/resources/less/about.less'; @import './app-material.less'; @import './app-ios.less'; @import './icons-ios.less'; diff --git a/apps/presentationeditor/mobile/src/view/settings/PresentationAbout.jsx b/apps/presentationeditor/mobile/src/view/settings/PresentationAbout.jsx index 6fb51726a..27e777d22 100644 --- a/apps/presentationeditor/mobile/src/view/settings/PresentationAbout.jsx +++ b/apps/presentationeditor/mobile/src/view/settings/PresentationAbout.jsx @@ -25,7 +25,7 @@ const PagePresentationAbout = props => {
{licInfo && typeof licInfo == 'object' && typeof(customer)=='object' ? null : ( -
+ )} {logoCustomer && logoCustomer.length ? (