diff --git a/static/css/dashboard.css b/static/css/dashboard.css index 15f8035..efdd27a 100644 --- a/static/css/dashboard.css +++ b/static/css/dashboard.css @@ -5,19 +5,22 @@ body { .headLogo { width: 5%; } + @-moz-document url-prefix() { .headLogo { width: 40%; } - } +} - /** Safari */ +/** Safari */ - @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) { - .headLogo { - width: 1%; - } +@media not all and (min-resolution:.001dpcm) { + @supports (-webkit-appearance:none) and (stroke-color:transparent) { + .headLogo { + width: 1%; } + } +} /* * Sidebar @@ -29,10 +32,13 @@ body { bottom: 0; left: 0; - z-index: 100; /* Behind the navbar */ - padding: 48px 0 0; /* Height of navbar */ + z-index: 100; + /* Behind the navbar */ + padding: 48px 0 0; + /* Height of navbar */ box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1); } + /* @media (max-width: 767.98px) { .sidebar { @@ -46,7 +52,8 @@ body { height: calc(100vh - 48px); padding-top: 0.5rem; 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 { @@ -121,18 +128,22 @@ body { transform: rotate(-90deg) !important; transition: 0.5s; } + .rotate::before { transform: rotate(-90deg) !important; transition: 0.5s; } + .derotate { transform: rotate(0deg) !important; transition: 0.5s; } + .derotate::before { transform: rotate(0deg) !important; transition: 0.5s; } + .dropdownIndicator { transition: all 0.5s; } @@ -168,4 +179,4 @@ body { .navShadow { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075); -} +} \ No newline at end of file