From 70c57feaa8b6188ef2931a1d02d29506e5b52dcd Mon Sep 17 00:00:00 2001
From: evgeniywas <evgeniywas@gmail.com>
Date: Wed, 2 Aug 2023 18:12:25 +0100
Subject: [PATCH] RC-7: add workaround for layout 2 to app-base.css

---
 src/styles/app-base.css | 163 +++++++++++++++++++++-------------------
 1 file changed, 86 insertions(+), 77 deletions(-)

diff --git a/src/styles/app-base.css b/src/styles/app-base.css
index 8fab455..a6795c9 100644
--- a/src/styles/app-base.css
+++ b/src/styles/app-base.css
@@ -1,153 +1,162 @@
-
 /**
  * Custom base styles
  */
 
 * {
-    /* Text rendering */
-    text-rendering: optimizeLegibility;
-    -o-text-rendering: optimizeLegibility;
-    -ms-text-rendering: optimizeLegibility;
-    -moz-text-rendering: optimizeLegibility;
-    -webkit-text-rendering: optimizeLegibility;
-    -webkit-tap-highlight-color: transparent;
+  /* Text rendering */
+  text-rendering: optimizeLegibility;
+  -o-text-rendering: optimizeLegibility;
+  -ms-text-rendering: optimizeLegibility;
+  -moz-text-rendering: optimizeLegibility;
+  -webkit-text-rendering: optimizeLegibility;
+  -webkit-tap-highlight-color: transparent;
 }
 
 * :focus {
-     outline: none !important;
+  outline: none !important;
 }
 
 html {
-    font-size: 62.5%;
-    font-family: 'Inter var', Roboto, Helvetica Neue, Arial, sans-serif;
-    background-color: #121212;
+  font-size: 62.5%;
+  font-family: 'Inter var', Roboto, Helvetica Neue, Arial, sans-serif;
+  background-color: #121212;
 }
 
 body {
-    font-size: 14px;
-    line-height: 1.4;
-    overflow-x: hidden;
-    font-feature-settings: "salt";
+  font-size: 14px;
+  line-height: 1.4;
+  overflow-x: hidden;
+  font-feature-settings: 'salt';
 }
 
-html, body {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
+html,
+body {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
 }
 
-html, body {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    margin: 0;
-    min-height: 100%;
-    width: 100%;
-    flex: 1 1 auto;
+html,
+body {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  margin: 0;
+  min-height: 100%;
+  width: 100%;
+  flex: 1 1 auto;
 }
 
 #root {
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 auto;
-    width: 100%;
-    height: 100%;
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100%;
+}
+/* layout 2 workaround */
+#root:has(> #fuse-main) {
+  flex-direction: column;
 }
 
-h1, .h1 {
-    font-size: 24px;
+h1,
+.h1 {
+  font-size: 24px;
 }
 
-h2, .h2 {
-    font-size: 20px;
+h2,
+.h2 {
+  font-size: 20px;
 }
 
-h3, .h3 {
-    font-size: 16px;
+h3,
+.h3 {
+  font-size: 16px;
 }
 
-h4, .h4 {
-    font-size: 15px;
+h4,
+.h4 {
+  font-size: 15px;
 }
 
-h5, .h5 {
-    font-size: 13px;
+h5,
+.h5 {
+  font-size: 13px;
 }
 
-h6, .h6 {
-    font-size: 12px;
+h6,
+.h6 {
+  font-size: 12px;
 }
 
 .ps > .ps__rail-y,
 .ps > .ps__rail-x {
-    z-index: 99;
+  z-index: 99;
 }
 
-a[role=button] {
-    text-decoration: none;
+a[role='button'] {
+  text-decoration: none;
 }
 
-[role="tooltip"] {
-    z-index: 9999;
+[role='tooltip'] {
+  z-index: 9999;
 }
 
 .MuiModal-root {
-    /*z-index: 9999;*/
+  /*z-index: 9999;*/
 }
 
 /* Medium Devices, Desktops Only */
 @media only screen and (min-width: 992px) {
-    ::-webkit-scrollbar {
-        width: 8px;
-        height: 8px;
-        background-color: rgba(0, 0, 0, 0);
-    }
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+    background-color: rgba(0, 0, 0, 0);
+  }
 
-    ::-webkit-scrollbar:hover {
-        width: 8px;
-        height: 8px;
-        background-color: rgba(0, 0, 0, 0.06);
-    }
+  ::-webkit-scrollbar:hover {
+    width: 8px;
+    height: 8px;
+    background-color: rgba(0, 0, 0, 0.06);
+  }
 
-    ::-webkit-scrollbar-thumb {
-        border: 2px solid transparent;
-        border-radius: 20px;
-    }
+  ::-webkit-scrollbar-thumb {
+    border: 2px solid transparent;
+    border-radius: 20px;
+  }
 
-    ::-webkit-scrollbar-thumb:active {
-        border-radius: 20px;
-    }
+  ::-webkit-scrollbar-thumb:active {
+    border-radius: 20px;
+  }
 }
 
 form label {
-    z-index: 99;
+  z-index: 99;
 }
 
 body.no-animate *,
 body.no-animate *::before,
 body.no-animate *::after {
-    transition: none !important;
-    animation: none !important;
+  transition: none !important;
+  animation: none !important;
 }
 
 button:focus {
-    outline: none;
+  outline: none;
 }
 
 /* Removes webkit's autofill backgorund color */
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
-input:-webkit-autofill:active
-{
-    transitionDelay: 9999s;
-    transitionProperty: background-color, color;
+input:-webkit-autofill:active {
+  transitiondelay: 9999s;
+  transitionproperty: background-color, color;
 }
 
 :focus {
-    outline-color: transparent;
+  outline-color: transparent;
 }
 
 /*fullcalendar Fix*/
 .fc-scrollgrid-section-liquid {
-    height: 1px !important;
+  height: 1px !important;
 }