From dd54dfd275d0f52685719d198fd46b22a69be4da Mon Sep 17 00:00:00 2001 From: Lucas Tortora Date: Thu, 14 Nov 2024 08:36:00 -0300 Subject: [PATCH 1/4] fix(devx) navbar css and sidebar css --- docs/site/src/css/custom.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/docs/site/src/css/custom.css b/docs/site/src/css/custom.css index 6f32aed5d3d..ca3b34312be 100644 --- a/docs/site/src/css/custom.css +++ b/docs/site/src/css/custom.css @@ -145,6 +145,11 @@ color: #525860; } +[data-theme="light"] .menu__link--active { + font-weight: bold; + color: #525860; +} + [data-theme="light"] .pagination-nav__label { color: var(--iota-gray-100); font-weight: 500; @@ -223,10 +228,6 @@ [data-theme="dark"] .pagination-nav__label--light { color: white; } -[data-theme="dark"] .navbar-sidebar .menu__link--active { - background-color: rgba(11, 11, 11, 0.607); - color: var(--iota-gray-100); -} html[data-theme="dark"] { background-color: var(--iota-black); } @@ -362,7 +363,6 @@ h4 { } .navbar__items .navbar__brand { width: 17%; - color: rgba(255, 255, 255, 0.7); } .navbar__items .navbar__item.navbar__link { @@ -373,6 +373,13 @@ h4 { letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.7); } + + +.navbar__items .navbar__item.navbar__link--active { + font-weight: bold; + color:white; +} + .navbar__items_wrapper { display: flex; column-gap: 0rem; From c759ebf39401240d0ba8f9d746f65670027969f5 Mon Sep 17 00:00:00 2001 From: Lucas Tortora Date: Fri, 15 Nov 2024 11:56:03 -0300 Subject: [PATCH 2/4] fix hover and selected on mobile light mode --- docs/site/src/css/custom.css | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/docs/site/src/css/custom.css b/docs/site/src/css/custom.css index ca3b34312be..bfe0829dbd0 100644 --- a/docs/site/src/css/custom.css +++ b/docs/site/src/css/custom.css @@ -123,31 +123,31 @@ color: white; } /** navbar overrides */ -[data-theme="light"] .menu__link { - color: #525860; +[data-theme="light"] .clean-btn:hover { + background-color: #525860; } -[data-theme="light"] .menu__link--active { - font-weight: bold; - color: #525860; -} [data-theme="dark"] .menu__link--active { font-weight: bold; color: white; } -.navbar-sidebar, -.menu__link { - color: rgba(255, 255, 255, 0.7); -} -[data-theme="light"] .menu__link--active { - font-weight: bold; - color: #525860; +@media (min-width: 769px) { + [data-theme="light"] .menu__link--active{ + font-weight: bold; + color: var(--ifm-menu-color); + } } +@media (max-width: 768px) { +.navbar-sidebar, + .menu__link { + color: rgba(255, 255, 255, 0.7); + } -[data-theme="light"] .menu__link--active { - font-weight: bold; - color: #525860; + [data-theme="light"] .menu__link--active { + font-weight: bold; + color: white; + } } [data-theme="light"] .pagination-nav__label { From 36f55a6b0e0afe9cedba6639152837987a38bf35 Mon Sep 17 00:00:00 2001 From: Lucas Tortora Date: Fri, 15 Nov 2024 12:12:36 -0300 Subject: [PATCH 3/4] more css --- docs/site/src/css/custom.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/docs/site/src/css/custom.css b/docs/site/src/css/custom.css index bfe0829dbd0..c6d047daaeb 100644 --- a/docs/site/src/css/custom.css +++ b/docs/site/src/css/custom.css @@ -133,6 +133,7 @@ } @media (min-width: 769px) { + [data-theme="light"] .menu__link:hover, [data-theme="light"] .menu__link--active{ font-weight: bold; color: var(--ifm-menu-color); @@ -143,7 +144,12 @@ .menu__link { color: rgba(255, 255, 255, 0.7); } - + + [data-theme="light"] .menu__list-item-collapsible:hover, + + [data-theme="light"] .menu__link:hover{ + background-color: #525860; + } [data-theme="light"] .menu__link--active { font-weight: bold; color: white; From 3c55089c1383c120023c0ebeee96824f82ec86b1 Mon Sep 17 00:00:00 2001 From: Lucas Tortora Date: Fri, 15 Nov 2024 12:28:48 -0300 Subject: [PATCH 4/4] fix media query --- docs/site/src/css/custom.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/docs/site/src/css/custom.css b/docs/site/src/css/custom.css index c6d047daaeb..e1f1037c925 100644 --- a/docs/site/src/css/custom.css +++ b/docs/site/src/css/custom.css @@ -132,25 +132,21 @@ color: white; } -@media (min-width: 769px) { +@media (min-width: 997px) { [data-theme="light"] .menu__link:hover, [data-theme="light"] .menu__link--active{ font-weight: bold; - color: var(--ifm-menu-color); + color: var(--ifm-menu-color) } } -@media (max-width: 768px) { +@media (max-width: 996px) { .navbar-sidebar, .menu__link { color: rgba(255, 255, 255, 0.7); } [data-theme="light"] .menu__list-item-collapsible:hover, - - [data-theme="light"] .menu__link:hover{ - background-color: #525860; - } - [data-theme="light"] .menu__link--active { + [data-theme="light"] .menu__link--active { font-weight: bold; color: white; }