Issue 2747 - fix unnecesary scroll

app/modules/navigation-bar/navigation-bar.scss

@@ -1,6 +1,7 @@
 .navbar {
     background: rgba($black, .5);
     display: flex;
+    height: $navbar;
     justify-content: space-between;
     position: relative;
     &:after {

app/modules/profile/profile.scss

@@ -1,6 +1,6 @@
 .profile {
     display: flex;
-    min-height: 100vh;
+    min-height: $main-height;
     padding: 2rem 0;
     .profile-bar {
         margin-right: 1rem;

app/styles/core/base.scss

@@ -49,13 +49,13 @@ body {
 
 .wrapper {
     display: flex;
-    min-height: 100vh;
+    min-height: $main-height;
 }
 
 .menu-secondary {
     background: $whitish;
     flex: 0 0 auto;
-    min-height: 100vh;
+    min-height: $main-height;
     min-width: 0;
     padding: 1rem;
     width: 320px;
@@ -82,7 +82,7 @@ body {
 .menu-tertiary {
     background-color: $dark-taiga;
     flex: 0 0 auto;
-    min-height: 100vh;
+    min-height: $main-height;
     width: 250px;
 }
 

app/styles/dependencies/helpers.scss

@@ -81,3 +81,6 @@
     max-width: 1rem;
     transform-origin: 32 32;
 }
+
+$navbar: 45px;
+$main-height: calc(100vh - 45px);

app/styles/layout/kanban.scss

@@ -1,8 +1,8 @@
 .kanban {
     display: flex;
     flex-direction: column;
-    height: 100vh;
-    max-height: 100vh;
+    height: $main-height;
+    max-height: $main-height;
     header {
         min-height: 70px;
     }

app/styles/layout/taskboard.scss

@@ -1,5 +1,5 @@
 .taskboard {
-    height: 100vh;
+    height: $main-height;
     overflow: hidden;
     h1,
     .graphics-container,

app/styles/modules/common/nav.scss

@@ -4,7 +4,7 @@ tg-project-menu {
     background-color: $dark-taiga;
     background-image: url('../images/menu.png');
     background-position: 0 -300px;
-    min-height: 100vh;
+    min-height: $main-height;
     padding: 1rem 0;
     text-transform: uppercase;
 }