From 67476107717699c331def24aea4aa15166e36102 Mon Sep 17 00:00:00 2001 From: Sercan Yemen Date: Fri, 22 Sep 2017 16:04:59 +0300 Subject: [PATCH] Fixed: Fullwidth simple page layout doesn't scroll + Added: New logo to the various pages + Fixed: Mobile zoom is not disabled + Fixed: Profile timeline mobile order is not correct + Fixed: Quickpanel focusses to the form elements causing it to scroll on mobile devices when opened + Various demo page mobile fixes --- src/app/core/scss/partials/_page-layouts.scss | 5 ++++- .../apps/scrumboard/scrumboard.component.scss | 1 + .../forgot-password.component.html | 2 +- .../forgot-password.component.scss | 7 ------- .../authentication/login-2/login-2.component.html | 4 +++- .../authentication/login-2/login-2.component.scss | 8 -------- .../authentication/login/login.component.html | 8 ++++++-- .../authentication/login/login.component.scss | 7 ------- .../register-2/register-2.component.html | 4 +++- .../register-2/register-2.component.scss | 8 -------- .../register/register.component.html | 8 ++++++-- .../register/register.component.scss | 7 ------- .../reset-password/reset-password.component.html | 2 +- .../reset-password/reset-password.component.scss | 7 ------- .../pages/coming-soon/coming-soon.component.html | 4 ++-- .../pages/coming-soon/coming-soon.component.scss | 7 ------- .../pages/invoices/compact/compact.component.html | 8 ++++---- .../pages/invoices/compact/compact.component.scss | 9 +-------- .../pages/invoices/modern/modern.component.html | 9 +++++---- .../pages/invoices/modern/modern.component.scss | 9 --------- .../pages/maintenance/maintenance.component.html | 2 +- .../pages/maintenance/maintenance.component.scss | 9 +-------- .../profile/tabs/timeline/timeline.component.html | 6 ++---- .../profile/tabs/timeline/timeline.component.scss | 2 +- .../main/content/ui/forms/forms.component.scss | 1 + .../main/quick-panel/quick-panel.component.html | 15 +++++++++------ src/index.html | 2 +- 27 files changed, 53 insertions(+), 108 deletions(-) diff --git a/src/app/core/scss/partials/_page-layouts.scss b/src/app/core/scss/partials/_page-layouts.scss index 5abc20e8..51595b0a 100644 --- a/src/app/core/scss/partials/_page-layouts.scss +++ b/src/app/core/scss/partials/_page-layouts.scss @@ -273,6 +273,10 @@ $top-bg-image: url('assets/images/backgrounds/header-bg.png'); } // Fullwidth + &.fullwidth { + overflow: auto; + } + &.fullwidth, &.inner-sidenav { min-height: 100%; @@ -445,7 +449,6 @@ $top-bg-image: url('assets/images/backgrounds/header-bg.png'); &.simple { &.fullwidth { - overflow: visible; > .content { flex: 1 0 auto; diff --git a/src/app/main/content/apps/scrumboard/scrumboard.component.scss b/src/app/main/content/apps/scrumboard/scrumboard.component.scss index 23b5efdd..067b0ea0 100644 --- a/src/app/main/content/apps/scrumboard/scrumboard.component.scss +++ b/src/app/main/content/apps/scrumboard/scrumboard.component.scss @@ -5,6 +5,7 @@ #boards { width: 100%; + overflow: auto; .board-list { padding: 32px 0; diff --git a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.html b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.html index 1eb104b1..2e7cc32f 100644 --- a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.html +++ b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.html @@ -5,7 +5,7 @@
RECOVER YOUR PASSWORD
diff --git a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss index 12c789e0..f9038d5c 100644 --- a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss +++ b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss @@ -31,14 +31,7 @@ .logo { width: 128px; - height: 128px; - line-height: 128px; - font-size: 86px; - font-weight: 500; margin: 32px auto; - color: #FFFFFF; - border-radius: 2px; - background: mat-color($accent); } .title { diff --git a/src/app/main/content/pages/authentication/login-2/login-2.component.html b/src/app/main/content/pages/authentication/login-2/login-2.component.html index 8177b1bc..eb52f550 100644 --- a/src/app/main/content/pages/authentication/login-2/login-2.component.html +++ b/src/app/main/content/pages/authentication/login-2/login-2.component.html @@ -1,8 +1,9 @@
+
@@ -13,6 +14,7 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ullamcorper nisl erat, vel convallis elit fermentum pellentesque. Sed mollis velit facilisis facilisis viverra.
+
diff --git a/src/app/main/content/pages/authentication/login-2/login-2.component.scss b/src/app/main/content/pages/authentication/login-2/login-2.component.scss index f63666af..5753222d 100644 --- a/src/app/main/content/pages/authentication/login-2/login-2.component.scss +++ b/src/app/main/content/pages/authentication/login-2/login-2.component.scss @@ -17,15 +17,7 @@ .logo { width: 128px; - height: 128px; - line-height: 128px; - font-size: 86px; - font-weight: 500; margin-bottom: 32px; - color: #FFFFFF; - border-radius: 2px; - text-align: center; - background: mat-color($accent); } .title { diff --git a/src/app/main/content/pages/authentication/login/login.component.html b/src/app/main/content/pages/authentication/login/login.component.html index 4221ec98..e44e36a3 100644 --- a/src/app/main/content/pages/authentication/login/login.component.html +++ b/src/app/main/content/pages/authentication/login/login.component.html @@ -3,8 +3,9 @@
- +
+
+
\ No newline at end of file diff --git a/src/app/main/content/pages/authentication/login/login.component.scss b/src/app/main/content/pages/authentication/login/login.component.scss index aab0e1dd..c02feb61 100644 --- a/src/app/main/content/pages/authentication/login/login.component.scss +++ b/src/app/main/content/pages/authentication/login/login.component.scss @@ -31,14 +31,7 @@ .logo { width: 128px; - height: 128px; - line-height: 128px; - font-size: 86px; - font-weight: 500; margin: 32px auto; - color: #FFFFFF; - border-radius: 2px; - background: mat-color($accent); } .title { diff --git a/src/app/main/content/pages/authentication/register-2/register-2.component.html b/src/app/main/content/pages/authentication/register-2/register-2.component.html index 5092e6fe..4418defe 100644 --- a/src/app/main/content/pages/authentication/register-2/register-2.component.html +++ b/src/app/main/content/pages/authentication/register-2/register-2.component.html @@ -1,8 +1,9 @@
+
@@ -13,6 +14,7 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ullamcorper nisl erat, vel convallis elit fermentum pellentesque. Sed mollis velit facilisis facilisis viverra.
+
diff --git a/src/app/main/content/pages/authentication/register-2/register-2.component.scss b/src/app/main/content/pages/authentication/register-2/register-2.component.scss index e583e60c..9d8943da 100644 --- a/src/app/main/content/pages/authentication/register-2/register-2.component.scss +++ b/src/app/main/content/pages/authentication/register-2/register-2.component.scss @@ -17,15 +17,7 @@ .logo { width: 128px; - height: 128px; - line-height: 128px; - font-size: 86px; - font-weight: 500; margin-bottom: 32px; - color: #FFFFFF; - border-radius: 2px; - text-align: center; - background: mat-color($accent); } .title { diff --git a/src/app/main/content/pages/authentication/register/register.component.html b/src/app/main/content/pages/authentication/register/register.component.html index d38b333d..7f1a9f34 100644 --- a/src/app/main/content/pages/authentication/register/register.component.html +++ b/src/app/main/content/pages/authentication/register/register.component.html @@ -3,8 +3,9 @@
- +
+
+
\ No newline at end of file diff --git a/src/app/main/content/pages/authentication/register/register.component.scss b/src/app/main/content/pages/authentication/register/register.component.scss index 4c170672..9527db41 100644 --- a/src/app/main/content/pages/authentication/register/register.component.scss +++ b/src/app/main/content/pages/authentication/register/register.component.scss @@ -31,14 +31,7 @@ .logo { width: 128px; - height: 128px; - line-height: 128px; - font-size: 86px; - font-weight: 500; margin: 32px auto; - color: #FFFFFF; - border-radius: 2px; - background: mat-color($accent); } .title { diff --git a/src/app/main/content/pages/authentication/reset-password/reset-password.component.html b/src/app/main/content/pages/authentication/reset-password/reset-password.component.html index e9f2c27d..d0d118dc 100644 --- a/src/app/main/content/pages/authentication/reset-password/reset-password.component.html +++ b/src/app/main/content/pages/authentication/reset-password/reset-password.component.html @@ -6,7 +6,7 @@
RESET YOUR PASSWORD
diff --git a/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss b/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss index 1bdee4f1..68beef6a 100644 --- a/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss +++ b/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss @@ -31,14 +31,7 @@ .logo { width: 128px; - height: 128px; - line-height: 128px; - font-size: 86px; - font-weight: 500; margin: 32px auto; - color: #FFFFFF; - border-radius: 2px; - background: mat-color($accent); } .title { diff --git a/src/app/main/content/pages/coming-soon/coming-soon.component.html b/src/app/main/content/pages/coming-soon/coming-soon.component.html index fa19777e..06e7e5e4 100644 --- a/src/app/main/content/pages/coming-soon/coming-soon.component.html +++ b/src/app/main/content/pages/coming-soon/coming-soon.component.html @@ -6,8 +6,8 @@
-
-