new custom variable / change old to fit component name

CodeIbo · Aug 10, 2024 · cff215d · cff215d
1 parent ce9b98d
commit cff215d
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 18 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,8 +1,4 @@
 <app-navigation-bar></app-navigation-bar>
-<app-side-nav
-  *ngIf="viewManipulation.showSideBar"
-  @slideInOut
-  #sidebar
-></app-side-nav>
+<app-side-nav *ngIf="viewManipulation.showSideBar" @slideInOut></app-side-nav>
 <router-outlet></router-outlet>
 <app-footer></app-footer>
diff --git a/src/app/components/internal/navigation-bar/navigation-bar.component.html b/src/app/components/internal/navigation-bar/navigation-bar.component.html
@@ -16,7 +16,7 @@
       routerLink="/"
       (click)="scrollService.setTopPosition()"
       title="Idź do strony głównej"
-      class="h-100 py-3/4 mr-auto-md ml-0-md mx-auto"
+      class="h-100 mr-auto-md ml-0-md mx-auto navbar__logo"
     >
       <img
         [src]="

diff --git a/src/app/components/internal/navigation-bar/navigation-bar.component.scss b/src/app/components/internal/navigation-bar/navigation-bar.component.scss
@@ -8,7 +8,7 @@
 .navbar {
   position: fixed;
   z-index: 1;
-  height: $top-bar-height;
+  height: $nav-bar-height;
   button {
     fa-icon {
       pointer-events: none;
@@ -18,4 +18,7 @@
       }
     }
   }
+  &__logo {
+    padding: $nav-bar-logo-pad;
+  }
 }
diff --git a/src/app/pages/blog/article/article.component.scss b/src/app/pages/blog/article/article.component.scss
@@ -1,8 +1,8 @@
 @import "variabless";
 :host {
   display: block;
-  min-height: calc(100vh - $top-bar-height - 0.22rem);
-  padding-top: $top-bar-height;
+  min-height: calc(100vh - $nav-bar-height - 0.22rem);
+  padding-top: $nav-bar-height;
 }
 
 .article {

diff --git a/src/app/pages/blog/blog.component.scss b/src/app/pages/blog/blog.component.scss
@@ -4,8 +4,8 @@
 
 :host {
   display: block;
-  min-height: calc(100vh - $top-bar-height - $fix-height);
-  padding-top: $top-bar-height;
+  min-height: calc(100vh - $nav-bar-height - $fix-height);
+  padding-top: $nav-bar-height;
 }
 
 .grid-layout {

diff --git a/src/app/pages/custom-page/custom-page.component.scss b/src/app/pages/custom-page/custom-page.component.scss
@@ -2,6 +2,6 @@
 
 :host {
   display: block;
-  min-height: calc(100vh - $top-bar-height - $fix-height);
-  padding-top: $top-bar-height;
+  min-height: calc(100vh - $nav-bar-height - $fix-height);
+  padding-top: $nav-bar-height;
 }
diff --git a/src/app/pages/error-not-found/error-not-found.component.scss b/src/app/pages/error-not-found/error-not-found.component.scss
@@ -2,8 +2,8 @@
 
 :host {
   display: block;
-  min-height: calc(100vh - $top-bar-height - $fix-height);
-  padding-top: $top-bar-height;
+  min-height: calc(100vh - $nav-bar-height - $fix-height);
+  padding-top: $nav-bar-height;
 }
 
 .error-page {

diff --git a/src/assets/scss/_global-classess.scss b/src/assets/scss/_global-classess.scss
@@ -35,7 +35,7 @@
 }
 
 .custom-page {
-  padding-top: $top-bar-height;
+  padding-top: $nav-bar-height;
 }
 
 .standard-shadow {

diff --git a/src/assets/scss/_variabless.scss b/src/assets/scss/_variabless.scss
@@ -42,5 +42,6 @@ $fix-height: 0.75rem !default;
 //Footer
 $footer-height: 5rem !default;
 
-//Top Bar
-$top-bar-height: 4.25rem !default;
+//Navigation Bar
+$nav-bar-height: 4.25rem !default;
+$nav-bar-logo-pad: 0.75rem 0 !default;