sysadminix/rentalcalculator
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

RC-7: add workaround for layout 2 to app-base.css

Browse Source
This commit is contained in:
evgeniywas
2023-08-02 18:12:25 +01:00
parent efacc0afcf
commit 70c57feaa8
1 changed files with 86 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
src/styles/app-base.css
View File

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