Attempt to fix AFLOW-18 while fixing Firefox (again)

This commit is contained in:
Sören Oesterwind 2023-07-07 14:15:25 +02:00
parent 90924aa30d
commit e0ac509007

View File

@ -5,19 +5,22 @@ body {
.headLogo { .headLogo {
width: 5%; width: 5%;
} }
@-moz-document url-prefix() { @-moz-document url-prefix() {
.headLogo { .headLogo {
width: 40%; width: 40%;
} }
} }
/** Safari */ /** Safari */
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) { @media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
.headLogo { .headLogo {
width: 1%; width: 1%;
} }
} }
}
/* /*
* Sidebar * Sidebar
@ -29,10 +32,13 @@ body {
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 100; /* Behind the navbar */ z-index: 100;
padding: 48px 0 0; /* Height of navbar */ /* Behind the navbar */
padding: 48px 0 0;
/* Height of navbar */
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
} }
/* /*
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.sidebar { .sidebar {
@ -46,7 +52,8 @@ body {
height: calc(100vh - 48px); height: calc(100vh - 48px);
padding-top: 0.5rem; padding-top: 0.5rem;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ overflow-y: auto;
/* Scrollable contents if viewport is shorter than content. */
} }
.sidebar .nav-link { .sidebar .nav-link {
@ -121,18 +128,22 @@ body {
transform: rotate(-90deg) !important; transform: rotate(-90deg) !important;
transition: 0.5s; transition: 0.5s;
} }
.rotate::before { .rotate::before {
transform: rotate(-90deg) !important; transform: rotate(-90deg) !important;
transition: 0.5s; transition: 0.5s;
} }
.derotate { .derotate {
transform: rotate(0deg) !important; transform: rotate(0deg) !important;
transition: 0.5s; transition: 0.5s;
} }
.derotate::before { .derotate::before {
transform: rotate(0deg) !important; transform: rotate(0deg) !important;
transition: 0.5s; transition: 0.5s;
} }
.dropdownIndicator { .dropdownIndicator {
transition: all 0.5s; transition: all 0.5s;
} }