Разные фиксы (#8)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz>
Reviewed-on: http://git.tnsu.kz/timur.gorodetskiy/request-portal/pulls/8

src/webparts/requestPortal/components/RequestPortal.module.scss

@@ -50,15 +50,26 @@
 // Раскладка: боковой рейл (side) на всю высоту + основная область (main).
 .layout {
   display: flex;
-  align-items: stretch; // рейл тянется на высоту контента
+  align-items: flex-start; // рейл больше НЕ тянется по контенту — см. .side
   width: 100%;
   min-height: 78vh; // «присутствие» рейла даже когда контента мало
 }
 
-// Рейл-колонка: сам Sidebar тянется по высоте (flex-стретч).
+// Рейл-колонка: раньше тянулась по высоте .main (align-items: stretch), из-за
+// чего высота рейла плавала вместе с содержимым соседней колонки — например, у
+// вкладки «Инициированные мной» появляется доп. фильтр по статусу, .main
+// становится чуть выше, и градиентный фон Sidebar (посчитанный от своей же
+// высоты) заметно менял оттенок. Прибиваем рейл к высоте окна (sticky + 100vh):
+// теперь он не зависит от того, что показано рядом. На мобильном брейкпоинте
+// сам Sidebar уходит в position:fixed (см. @tnsu/ui-kit) — там эти правила уже
+// не действуют.
 .side {
   flex: 0 0 auto;
   display: flex;
+  position: sticky;
+  top: 0;
+  align-self: flex-start;
+  height: 100vh;
 }
 
 .main {