From fdd0fc8623d053ed993aa977326187293198367f Mon Sep 17 00:00:00 2001 From: alex Date: Wed, 16 Mar 2016 15:16:07 +0300 Subject: [PATCH] fix mobile version --- .../components/mail/composeBox/compose.html | 2 +- .../baPanel/baPanelBlurHelper.service.js | 1 + src/assets/img/blur-bg-mobile.jpg | Bin 0 -> 12994 bytes src/sass/app/_email.scss | 9 +++- src/sass/app/_iconsPage.scss | 40 ++++++++++-------- src/sass/app/_typography.scss | 5 ++- src/sass/theme/_layout.scss | 6 +++ .../theme/bootstrap-overrides/_panel.scss | 6 +++ src/sass/theme/dashboard/_trafficChart.scss | 27 ++++++++++++ src/sass/theme/skins/_02_transparent.scss | 2 +- 10 files changed, 75 insertions(+), 23 deletions(-) create mode 100644 src/assets/img/blur-bg-mobile.jpg diff --git a/src/app/pages/components/mail/composeBox/compose.html b/src/app/pages/components/mail/composeBox/compose.html index 37fed67..4337188 100644 --- a/src/app/pages/components/mail/composeBox/compose.html +++ b/src/app/pages/components/mail/composeBox/compose.html @@ -16,7 +16,7 @@ -
+
diff --git a/src/app/theme/components/baPanel/baPanelBlurHelper.service.js b/src/app/theme/components/baPanel/baPanelBlurHelper.service.js index 716e47c..a5399e2 100644 --- a/src/app/theme/components/baPanel/baPanelBlurHelper.service.js +++ b/src/app/theme/components/baPanel/baPanelBlurHelper.service.js @@ -28,6 +28,7 @@ this.getBodyBgImageSizes = function() { var elemW = document.documentElement.clientWidth; var elemH = document.documentElement.clientHeight; + if(elemW <= 640) return; var imgRatio = (image.height / image.width); // original img ratio var containerRatio = (elemH / elemW); // container ratio diff --git a/src/assets/img/blur-bg-mobile.jpg b/src/assets/img/blur-bg-mobile.jpg new file mode 100644 index 0000000000000000000000000000000000000000..5bb62f0fc26986e887760e15772a175e8f2ea88c GIT binary patch literal 12994 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 JG+O-q{{RSY5<36@ literal 0 HcmV?d00001 diff --git a/src/sass/app/_email.scss b/src/sass/app/_email.scss index c925f8b..3c72685 100644 --- a/src/sass/app/_email.scss +++ b/src/sass/app/_email.scss @@ -729,7 +729,7 @@ } .modal .modal-dialog.modal-compose { - width: 398px; + max-width: 398px; position: fixed; bottom: 0; right: 0; @@ -738,6 +738,7 @@ .form-control, .bootstrap-tagsinput input { @include placeholderStyle($default-text, 1); color: $default-text; + border-radius: 0; } .ta-toolbar { .btn { @@ -754,6 +755,12 @@ @include overrideColors($default-text) } +@media (max-width: 640px) { + .modal .modal-dialog.modal-compose { + max-height: 600px; + } +} + body.badmin-transparent { .mail-navigation-container { overflow: hidden; diff --git a/src/sass/app/_iconsPage.scss b/src/sass/app/_iconsPage.scss index 1e3a474..b64cb66 100644 --- a/src/sass/app/_iconsPage.scss +++ b/src/sass/app/_iconsPage.scss @@ -38,26 +38,35 @@ a.see-all-icons { } .kameleon-row { + display: inline-block; + min-width: 102px; width: 20%; - float: left; - min-height: 80px; - position: relative; - padding-right: 15px; - padding-left: 15px; - margin-bottom: 12px; - & > div { - width: 70%; - } .kameleon-icon { - max-width: 84px; + padding:0 10px; img { - width: 100%; - min-width: 81px; - min-height: 81px; + width: 81px; } } } +@media (max-width: 750px) { + .kameleon-row { + width: 25%; + } +} + +@media (max-width: 550px) { + .kameleon-row { + width: 33%; + } +} + +@media (max-width: 430px) { + .kameleon-row { + width: 50%; + } +} + .kameleon-icon-tabs { max-width: 84px; img { @@ -111,9 +120,4 @@ a.see-all-icons { } } -@media (max-width: 1500px) and (min-width: $resL), (max-width: $resS) { - .kameleon-row { - width: 25%; - } -} diff --git a/src/sass/app/_typography.scss b/src/sass/app/_typography.scss index 0b6dafe..a88d05a 100644 --- a/src/sass/app/_typography.scss +++ b/src/sass/app/_typography.scss @@ -57,7 +57,7 @@ h5 { } .panel.with-scroll .panel-body{ - height: 100%; + height: calc(100% - 45px); } .panel-content{ @@ -334,6 +334,7 @@ a.learn-more { height: 400px; img { height: 100%; + width: 100%; display: block } } @@ -422,7 +423,7 @@ a.learn-more { .panel.banner-column-panel { padding: 0; - margin-bottom: 50px; + margin-bottom: 90px; .panel-body{ padding: 0; diff --git a/src/sass/theme/_layout.scss b/src/sass/theme/_layout.scss index 685106e..9f135e8 100644 --- a/src/sass/theme/_layout.scss +++ b/src/sass/theme/_layout.scss @@ -18,6 +18,12 @@ body { @include main-background(); } +@media (max-width: 640px) { + body { + background-image: url($images-root + 'blur-bg-mobile.jpg'); + } +} + @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { html{ diff --git a/src/sass/theme/bootstrap-overrides/_panel.scss b/src/sass/theme/bootstrap-overrides/_panel.scss index 98b7968..44e7093 100644 --- a/src/sass/theme/bootstrap-overrides/_panel.scss +++ b/src/sass/theme/bootstrap-overrides/_panel.scss @@ -82,6 +82,12 @@ $panel-heading-font-size: 16px; transition: none; } +@media (max-width: 640px) { + .panel-blur { + background: transparent; + } +} + .panel-primary { > .panel-heading { color: $primary; diff --git a/src/sass/theme/dashboard/_trafficChart.scss b/src/sass/theme/dashboard/_trafficChart.scss index 636e824..05e497b 100644 --- a/src/sass/theme/dashboard/_trafficChart.scss +++ b/src/sass/theme/dashboard/_trafficChart.scss @@ -226,9 +226,36 @@ } } + +@media (max-width: 380px){ + + .traffic-chart{ + width: 240px; + } + + .canvas-holder{ + width: 240px; + height: 240px; + } + + .chart-bg { + top: 30px; + } +} +@media (max-width: 320px){ + .chart-bg { + left: 50px; + top: 50px; + width: 142px; + height: 142px; + } +} + + body.badmin-transparent{ .traffic-chart canvas{ border: 10px solid rgba(0,0,0,0.35); + box-shadow: 0 0 5px 0 rgb(0, 0, 0) inset; border-radius: 150px; } } \ No newline at end of file diff --git a/src/sass/theme/skins/_02_transparent.scss b/src/sass/theme/skins/_02_transparent.scss index c1eb431..d8b9f17 100644 --- a/src/sass/theme/skins/_02_transparent.scss +++ b/src/sass/theme/skins/_02_transparent.scss @@ -1,6 +1,6 @@ body.badmin-transparent { @include overrideColors(#fff); - @include overridePanelBg(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)); + @include overridePanelBg(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)); .default-color { color: $default-text !important;; }