diff --git a/AJAX_Full_Project_GULP/css/style.css b/AJAX_Full_Project_GULP/css/style.css
index ec66184619e7fa6a39514bd2bb88f0d51357a8b0..5ff48ab42b982ec2ab90f25c304dcd0828208bdf 100644
--- a/AJAX_Full_Project_GULP/css/style.css
+++ b/AJAX_Full_Project_GULP/css/style.css
@@ -7643,8 +7643,8 @@ base-chart.chart {
width: 100% !important;
margin: 0 auto !important; }
.sidebar {
- width: 200px !important;
- margin-left: -200px; }
+ left: -200px !important;
+ width: 200px !important; }
.sidebar ul.nav {
width: 200px !important; }
.sidebar .sidebar-footer {
@@ -7668,8 +7668,6 @@ base-chart.chart {
max-width: 100%;
overflow-x: hidden; }
body.mobile-open .sidebar {
- margin-left: 0; }
- body.mobile-open .sidebar .sidebar-footer {
- margin-left: 0; }
+ left: 0 !important; }
body.mobile-open .main {
margin-left: 200px !important; } }
diff --git a/AJAX_Full_Project_GULP/scss/core/_mobile.scss b/AJAX_Full_Project_GULP/scss/core/_mobile.scss
index 7ff6979818005c414b37d43886bdd66ad8b275bb..29565d2a987a7a682b81b9a19b7e9173ae419d91 100644
--- a/AJAX_Full_Project_GULP/scss/core/_mobile.scss
+++ b/AJAX_Full_Project_GULP/scss/core/_mobile.scss
@@ -34,8 +34,8 @@
}
.sidebar {
+ left: -$mobile-sidebar-width !important;
width: $mobile-sidebar-width !important;
- margin-left: -$mobile-sidebar-width;
ul.nav {
width: $mobile-sidebar-width !important;
@@ -75,11 +75,7 @@
max-width: 100%;
overflow-x: hidden;
.sidebar {
- margin-left: 0;
-
- .sidebar-footer {
- margin-left: 0;
- }
+ left: 0 !important;
}
.main {
diff --git a/AJAX_Starter_GULP/css/style.css b/AJAX_Starter_GULP/css/style.css
index ec66184619e7fa6a39514bd2bb88f0d51357a8b0..5ff48ab42b982ec2ab90f25c304dcd0828208bdf 100644
--- a/AJAX_Starter_GULP/css/style.css
+++ b/AJAX_Starter_GULP/css/style.css
@@ -7643,8 +7643,8 @@ base-chart.chart {
width: 100% !important;
margin: 0 auto !important; }
.sidebar {
- width: 200px !important;
- margin-left: -200px; }
+ left: -200px !important;
+ width: 200px !important; }
.sidebar ul.nav {
width: 200px !important; }
.sidebar .sidebar-footer {
@@ -7668,8 +7668,6 @@ base-chart.chart {
max-width: 100%;
overflow-x: hidden; }
body.mobile-open .sidebar {
- margin-left: 0; }
- body.mobile-open .sidebar .sidebar-footer {
- margin-left: 0; }
+ left: 0 !important; }
body.mobile-open .main {
margin-left: 200px !important; } }
diff --git a/AJAX_Starter_GULP/scss/core/_mobile.scss b/AJAX_Starter_GULP/scss/core/_mobile.scss
index 7ff6979818005c414b37d43886bdd66ad8b275bb..29565d2a987a7a682b81b9a19b7e9173ae419d91 100644
--- a/AJAX_Starter_GULP/scss/core/_mobile.scss
+++ b/AJAX_Starter_GULP/scss/core/_mobile.scss
@@ -34,8 +34,8 @@
}
.sidebar {
+ left: -$mobile-sidebar-width !important;
width: $mobile-sidebar-width !important;
- margin-left: -$mobile-sidebar-width;
ul.nav {
width: $mobile-sidebar-width !important;
@@ -75,11 +75,7 @@
max-width: 100%;
overflow-x: hidden;
.sidebar {
- margin-left: 0;
-
- .sidebar-footer {
- margin-left: 0;
- }
+ left: 0 !important;
}
.main {
diff --git a/Angular2_CLI_Full_Project/src/app/shared/sidebar.directive.ts b/Angular2_CLI_Full_Project/src/app/shared/sidebar.directive.ts
index 25186ae54e86722f13c012df4e22fae401675558..6cf0325d5855c5433aafea8590d069df30ef0720 100644
--- a/Angular2_CLI_Full_Project/src/app/shared/sidebar.directive.ts
+++ b/Angular2_CLI_Full_Project/src/app/shared/sidebar.directive.ts
@@ -76,7 +76,6 @@ export class MobileSidebarToggleDirective {
this.toggleClass(document.querySelector('body'), 'mobile-open');
- console.log('asdasdasd');
}
}
diff --git a/Angular2_CLI_Full_Project/src/assets/css/style.css b/Angular2_CLI_Full_Project/src/assets/css/style.css
index ec66184619e7fa6a39514bd2bb88f0d51357a8b0..5ff48ab42b982ec2ab90f25c304dcd0828208bdf 100644
--- a/Angular2_CLI_Full_Project/src/assets/css/style.css
+++ b/Angular2_CLI_Full_Project/src/assets/css/style.css
@@ -7643,8 +7643,8 @@ base-chart.chart {
width: 100% !important;
margin: 0 auto !important; }
.sidebar {
- width: 200px !important;
- margin-left: -200px; }
+ left: -200px !important;
+ width: 200px !important; }
.sidebar ul.nav {
width: 200px !important; }
.sidebar .sidebar-footer {
@@ -7668,8 +7668,6 @@ base-chart.chart {
max-width: 100%;
overflow-x: hidden; }
body.mobile-open .sidebar {
- margin-left: 0; }
- body.mobile-open .sidebar .sidebar-footer {
- margin-left: 0; }
+ left: 0 !important; }
body.mobile-open .main {
margin-left: 200px !important; } }
diff --git a/Angular2_CLI_Full_Project/src/scss/core/_mobile.scss b/Angular2_CLI_Full_Project/src/scss/core/_mobile.scss
index 7ff6979818005c414b37d43886bdd66ad8b275bb..29565d2a987a7a682b81b9a19b7e9173ae419d91 100644
--- a/Angular2_CLI_Full_Project/src/scss/core/_mobile.scss
+++ b/Angular2_CLI_Full_Project/src/scss/core/_mobile.scss
@@ -34,8 +34,8 @@
}
.sidebar {
+ left: -$mobile-sidebar-width !important;
width: $mobile-sidebar-width !important;
- margin-left: -$mobile-sidebar-width;
ul.nav {
width: $mobile-sidebar-width !important;
@@ -75,11 +75,7 @@
max-width: 100%;
overflow-x: hidden;
.sidebar {
- margin-left: 0;
-
- .sidebar-footer {
- margin-left: 0;
- }
+ left: 0 !important;
}
.main {
diff --git a/Angular2_CLI_Starter/src/assets/css/style.css b/Angular2_CLI_Starter/src/assets/css/style.css
index ec66184619e7fa6a39514bd2bb88f0d51357a8b0..5ff48ab42b982ec2ab90f25c304dcd0828208bdf 100644
--- a/Angular2_CLI_Starter/src/assets/css/style.css
+++ b/Angular2_CLI_Starter/src/assets/css/style.css
@@ -7643,8 +7643,8 @@ base-chart.chart {
width: 100% !important;
margin: 0 auto !important; }
.sidebar {
- width: 200px !important;
- margin-left: -200px; }
+ left: -200px !important;
+ width: 200px !important; }
.sidebar ul.nav {
width: 200px !important; }
.sidebar .sidebar-footer {
@@ -7668,8 +7668,6 @@ base-chart.chart {
max-width: 100%;
overflow-x: hidden; }
body.mobile-open .sidebar {
- margin-left: 0; }
- body.mobile-open .sidebar .sidebar-footer {
- margin-left: 0; }
+ left: 0 !important; }
body.mobile-open .main {
margin-left: 200px !important; } }
diff --git a/Angular2_CLI_Starter/src/scss/core/_mobile.scss b/Angular2_CLI_Starter/src/scss/core/_mobile.scss
index 7ff6979818005c414b37d43886bdd66ad8b275bb..29565d2a987a7a682b81b9a19b7e9173ae419d91 100644
--- a/Angular2_CLI_Starter/src/scss/core/_mobile.scss
+++ b/Angular2_CLI_Starter/src/scss/core/_mobile.scss
@@ -34,8 +34,8 @@
}
.sidebar {
+ left: -$mobile-sidebar-width !important;
width: $mobile-sidebar-width !important;
- margin-left: -$mobile-sidebar-width;
ul.nav {
width: $mobile-sidebar-width !important;
@@ -75,11 +75,7 @@
max-width: 100%;
overflow-x: hidden;
.sidebar {
- margin-left: 0;
-
- .sidebar-footer {
- margin-left: 0;
- }
+ left: 0 !important;
}
.main {
diff --git a/Angular_Full_Project_GULP/css/style.css b/Angular_Full_Project_GULP/css/style.css
index ec66184619e7fa6a39514bd2bb88f0d51357a8b0..5ff48ab42b982ec2ab90f25c304dcd0828208bdf 100644
--- a/Angular_Full_Project_GULP/css/style.css
+++ b/Angular_Full_Project_GULP/css/style.css
@@ -7643,8 +7643,8 @@ base-chart.chart {
width: 100% !important;
margin: 0 auto !important; }
.sidebar {
- width: 200px !important;
- margin-left: -200px; }
+ left: -200px !important;
+ width: 200px !important; }
.sidebar ul.nav {
width: 200px !important; }
.sidebar .sidebar-footer {
@@ -7668,8 +7668,6 @@ base-chart.chart {
max-width: 100%;
overflow-x: hidden; }
body.mobile-open .sidebar {
- margin-left: 0; }
- body.mobile-open .sidebar .sidebar-footer {
- margin-left: 0; }
+ left: 0 !important; }
body.mobile-open .main {
margin-left: 200px !important; } }
diff --git a/Angular_Full_Project_GULP/scss/core/_mobile.scss b/Angular_Full_Project_GULP/scss/core/_mobile.scss
index 7ff6979818005c414b37d43886bdd66ad8b275bb..29565d2a987a7a682b81b9a19b7e9173ae419d91 100644
--- a/Angular_Full_Project_GULP/scss/core/_mobile.scss
+++ b/Angular_Full_Project_GULP/scss/core/_mobile.scss
@@ -34,8 +34,8 @@
}
.sidebar {
+ left: -$mobile-sidebar-width !important;
width: $mobile-sidebar-width !important;
- margin-left: -$mobile-sidebar-width;
ul.nav {
width: $mobile-sidebar-width !important;
@@ -75,11 +75,7 @@
max-width: 100%;
overflow-x: hidden;
.sidebar {
- margin-left: 0;
-
- .sidebar-footer {
- margin-left: 0;
- }
+ left: 0 !important;
}
.main {
diff --git a/Angular_Starter_GULP/css/style.css b/Angular_Starter_GULP/css/style.css
index ec66184619e7fa6a39514bd2bb88f0d51357a8b0..5ff48ab42b982ec2ab90f25c304dcd0828208bdf 100644
--- a/Angular_Starter_GULP/css/style.css
+++ b/Angular_Starter_GULP/css/style.css
@@ -7643,8 +7643,8 @@ base-chart.chart {
width: 100% !important;
margin: 0 auto !important; }
.sidebar {
- width: 200px !important;
- margin-left: -200px; }
+ left: -200px !important;
+ width: 200px !important; }
.sidebar ul.nav {
width: 200px !important; }
.sidebar .sidebar-footer {
@@ -7668,8 +7668,6 @@ base-chart.chart {
max-width: 100%;
overflow-x: hidden; }
body.mobile-open .sidebar {
- margin-left: 0; }
- body.mobile-open .sidebar .sidebar-footer {
- margin-left: 0; }
+ left: 0 !important; }
body.mobile-open .main {
margin-left: 200px !important; } }
diff --git a/Angular_Starter_GULP/scss/core/_mobile.scss b/Angular_Starter_GULP/scss/core/_mobile.scss
index 7ff6979818005c414b37d43886bdd66ad8b275bb..29565d2a987a7a682b81b9a19b7e9173ae419d91 100644
--- a/Angular_Starter_GULP/scss/core/_mobile.scss
+++ b/Angular_Starter_GULP/scss/core/_mobile.scss
@@ -34,8 +34,8 @@
}
.sidebar {
+ left: -$mobile-sidebar-width !important;
width: $mobile-sidebar-width !important;
- margin-left: -$mobile-sidebar-width;
ul.nav {
width: $mobile-sidebar-width !important;
@@ -75,11 +75,7 @@
max-width: 100%;
overflow-x: hidden;
.sidebar {
- margin-left: 0;
-
- .sidebar-footer {
- margin-left: 0;
- }
+ left: 0 !important;
}
.main {
diff --git a/Static_Full_Project_GULP/css/style.css b/Static_Full_Project_GULP/css/style.css
index ec66184619e7fa6a39514bd2bb88f0d51357a8b0..5ff48ab42b982ec2ab90f25c304dcd0828208bdf 100644
--- a/Static_Full_Project_GULP/css/style.css
+++ b/Static_Full_Project_GULP/css/style.css
@@ -7643,8 +7643,8 @@ base-chart.chart {
width: 100% !important;
margin: 0 auto !important; }
.sidebar {
- width: 200px !important;
- margin-left: -200px; }
+ left: -200px !important;
+ width: 200px !important; }
.sidebar ul.nav {
width: 200px !important; }
.sidebar .sidebar-footer {
@@ -7668,8 +7668,6 @@ base-chart.chart {
max-width: 100%;
overflow-x: hidden; }
body.mobile-open .sidebar {
- margin-left: 0; }
- body.mobile-open .sidebar .sidebar-footer {
- margin-left: 0; }
+ left: 0 !important; }
body.mobile-open .main {
margin-left: 200px !important; } }
diff --git a/Static_Full_Project_GULP/scss/core/_mobile.scss b/Static_Full_Project_GULP/scss/core/_mobile.scss
index 7ff6979818005c414b37d43886bdd66ad8b275bb..29565d2a987a7a682b81b9a19b7e9173ae419d91 100644
--- a/Static_Full_Project_GULP/scss/core/_mobile.scss
+++ b/Static_Full_Project_GULP/scss/core/_mobile.scss
@@ -34,8 +34,8 @@
}
.sidebar {
+ left: -$mobile-sidebar-width !important;
width: $mobile-sidebar-width !important;
- margin-left: -$mobile-sidebar-width;
ul.nav {
width: $mobile-sidebar-width !important;
@@ -75,11 +75,7 @@
max-width: 100%;
overflow-x: hidden;
.sidebar {
- margin-left: 0;
-
- .sidebar-footer {
- margin-left: 0;
- }
+ left: 0 !important;
}
.main {
diff --git a/Static_Starter_GULP/css/style.css b/Static_Starter_GULP/css/style.css
index ec66184619e7fa6a39514bd2bb88f0d51357a8b0..5ff48ab42b982ec2ab90f25c304dcd0828208bdf 100644
--- a/Static_Starter_GULP/css/style.css
+++ b/Static_Starter_GULP/css/style.css
@@ -7643,8 +7643,8 @@ base-chart.chart {
width: 100% !important;
margin: 0 auto !important; }
.sidebar {
- width: 200px !important;
- margin-left: -200px; }
+ left: -200px !important;
+ width: 200px !important; }
.sidebar ul.nav {
width: 200px !important; }
.sidebar .sidebar-footer {
@@ -7668,8 +7668,6 @@ base-chart.chart {
max-width: 100%;
overflow-x: hidden; }
body.mobile-open .sidebar {
- margin-left: 0; }
- body.mobile-open .sidebar .sidebar-footer {
- margin-left: 0; }
+ left: 0 !important; }
body.mobile-open .main {
margin-left: 200px !important; } }
diff --git a/Static_Starter_GULP/scss/core/_mobile.scss b/Static_Starter_GULP/scss/core/_mobile.scss
index 7ff6979818005c414b37d43886bdd66ad8b275bb..29565d2a987a7a682b81b9a19b7e9173ae419d91 100644
--- a/Static_Starter_GULP/scss/core/_mobile.scss
+++ b/Static_Starter_GULP/scss/core/_mobile.scss
@@ -34,8 +34,8 @@
}
.sidebar {
+ left: -$mobile-sidebar-width !important;
width: $mobile-sidebar-width !important;
- margin-left: -$mobile-sidebar-width;
ul.nav {
width: $mobile-sidebar-width !important;
@@ -75,11 +75,7 @@
max-width: 100%;
overflow-x: hidden;
.sidebar {
- margin-left: 0;
-
- .sidebar-footer {
- margin-left: 0;
- }
+ left: 0 !important;
}
.main {