Css login fix (#2573)

* Set cds-theme when the state changes

* Fix vertical overflow

dashboard/src/components/LoginForm/LoginForm.scss

@@ -33,3 +33,7 @@
 #login-submit-button {
   display: block;
 }
+
+div .login-wrapper .login {
+  min-height: 100%;
+}

dashboard/src/reducers/config.ts

@@ -1,7 +1,7 @@
 import { getType } from "typesafe-actions";
 import actions from "../actions";
 import { ConfigAction } from "../actions/config";
-import { IConfig, SupportedThemes } from "../shared/Config";
+import Config, { IConfig } from "../shared/Config";
 
 export interface IConfigState extends IConfig {
   loaded: boolean;
@@ -17,7 +17,7 @@ export const initialState: IConfigState = {
   oauthLogoutURI: "",
   authProxySkipLoginPage: false,
   clusters: [],
-  theme: (localStorage.getItem("theme") as SupportedThemes) || SupportedThemes.light,
+  theme: Config.getTheme(),
 };
 
 const configReducer = (state: IConfigState = initialState, action: ConfigAction): IConfigState => {
@@ -30,6 +30,12 @@ const configReducer = (state: IConfigState = initialState, action: ConfigAction)
         loaded: true,
         ...action.payload,
       };
+    case getType(actions.config.receiveTheme):
+      Config.setTheme(action.payload);
+      return {
+        ...state,
+        theme: action.payload,
+      };
     case getType(actions.config.setThemeState):
       return {
         ...state,

dashboard/src/shared/Config.ts

@@ -38,6 +38,7 @@ export default class Config {
   }
 
   public static setTheme(theme: SupportedThemes) {
+    document.body.setAttribute("cds-theme", theme);
     localStorage.setItem("theme", theme);
   }