diff --git a/src/components/Navbar/navBar.scss b/src/components/Navbar/navBar.scss index e875e8ebbefd18c93084ed78af8abb05c4e8bf6c..e5343a7902d1f20a21d2c8379a836067ca183180 100644 --- a/src/components/Navbar/navBar.scss +++ b/src/components/Navbar/navBar.scss @@ -112,7 +112,11 @@ @media #{$tablet} { .o-sidebar { height: 56px; - overflow-y: hidden; + } + + .c-nav { + margin-top: 4px; + margin-bottom: 0; } .c-nav-item { diff --git a/src/styles/base/_typography.scss b/src/styles/base/_typography.scss index a0a743fb893995f6081059ed136c91c9bd35de1f..18a7a9be78df766853ffe9bfdad93522961ca7a8 100644 --- a/src/styles/base/_typography.scss +++ b/src/styles/base/_typography.scss @@ -36,7 +36,9 @@ p { text-align: center; letter-spacing: 0.15px; color: $grey-bright; - text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07); + text-shadow: + 0px -1px 0px #060609, + 0px 1px 0px rgba(255, 255, 255, 0.07); } @each $name, $size in $text-size { @@ -131,13 +133,3 @@ p { font-size: 0.75rem; } } - -/* Cozy bar */ -.cozybar { - font-family: $text-font; - font-style: normal; - font-weight: bold; - font-size: 1.3125rem; - line-height: 120%; - color: $grey-bright; -} diff --git a/src/styles/index.scss b/src/styles/index.scss index 68a19b095633a8924fbb9d60827d2f8fc4f7ecfd..5a3db87bcad40fc0c8849af85ca9a6e02a61de38 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -54,8 +54,10 @@ --waterColorRadialGradient: #{$water-color-radial-gradient}; } +// Workaround since cozy-ui 111.9.0 .app-content { - overflow: hidden !important; + background-color: $default-background; + display: initial !important; } .application { diff --git a/src/targets/browser/index.ejs b/src/targets/browser/index.ejs index ee85e8ba084bdce2227a5426926788879554db44..b2711492a810f395bfa216dd018dea595b8a998f 100644 --- a/src/targets/browser/index.ejs +++ b/src/targets/browser/index.ejs @@ -21,6 +21,7 @@ <!-- PWA Colors --> <meta name="theme-color" content="#343641" /> <meta name="background-color" content="#121212" /> + <meta name="color-scheme" content="only dark" /> <% _.forEach(htmlWebpackPlugin.files.css, function(file) { %> <link rel="stylesheet" href="<%- file %>"> diff --git a/src/targets/public/index.ejs b/src/targets/public/index.ejs index 6a02d8eded146705720414f370c649dc892cb194..359ee7568dd51f01a7faf607cd516c9fd51a5c50 100644 --- a/src/targets/public/index.ejs +++ b/src/targets/public/index.ejs @@ -17,6 +17,7 @@ <!-- PWA Colors --> <meta name="theme-color" content="#343641" /> <meta name="background-color" content="#121212" /> + <meta name="color-scheme" content="only dark" /> <% _.forEach(htmlWebpackPlugin.files.css, function(file) { %> <link rel="stylesheet" href="<%- file %>">