fix crowding issue and logo color

This commit is contained in:
jonathanlei
2022-11-29 18:09:27 -08:00
parent 0eea263892
commit 780c6ec314
5 changed files with 28 additions and 7 deletions

File diff suppressed because one or more lines are too long

View File

@@ -79,7 +79,7 @@
}
.DocSearch-Button {
background: $gray-800;
width: 700px;
width: 100%;
}
.DocSearch-Button:hover {
background: $gray-800;
@@ -92,7 +92,7 @@
}
.DocSearch-Modal {
margin-top: -15px;
max-width: 750px !important;
max-width: 50%;
margin-right: 13.75em;
}
@@ -102,13 +102,20 @@
}
.DocSearch-Modal {
top: 128px;
max-width: 100%;
margin-left: 10px;
margin-right: 20px;
}
}
.DocSearch-Container {
z-index: 99999 !important;
background-color: transparent !important;
}
.DocSearch-Logo svg{
.cls-1, .cls-2{
fill:white;
}
}
#centersearchboxcontainer {
justify-content: center;

View File

@@ -159,6 +159,11 @@ h6,
color: $black-60 !important;
}
}
.DocSearch-Logo svg{
.cls-1, .cls-2{
fill:var(--docsearch-logo-color);;
}
}
.DocSearch-Hit[aria-selected="true"] a {
background: $black-10;
.DocSearch-Hit-Container {

View File

@@ -9684,7 +9684,7 @@ p {
}
.xrp-ledger-dev-portal .DocSearch-Button {
background: #232325;
width: 700px;
width: 100%;
}
.xrp-ledger-dev-portal .DocSearch-Button:hover {
background: #232325;
@@ -9697,7 +9697,7 @@ p {
}
.xrp-ledger-dev-portal .DocSearch-Modal {
margin-top: -15px;
max-width: 750px !important;
max-width: 50%;
margin-right: 13.75em;
}
@media (max-width: 991.98px) {
@@ -9706,12 +9706,18 @@ p {
}
.xrp-ledger-dev-portal .DocSearch-Modal {
top: 128px;
max-width: 100%;
margin-left: 10px;
margin-right: 20px;
}
}
.xrp-ledger-dev-portal .DocSearch-Container {
z-index: 99999 !important;
background-color: transparent !important;
}
.xrp-ledger-dev-portal .DocSearch-Logo svg .cls-1, .xrp-ledger-dev-portal .DocSearch-Logo svg .cls-2 {
fill: white;
}
.xrp-ledger-dev-portal #centersearchboxcontainer {
justify-content: center;
}
@@ -15957,6 +15963,9 @@ html.light .xrp-ledger-dev-portal .DocSearch-Hit-content-wrapper .DocSearch-Hit-
html.light .xrp-ledger-dev-portal .DocSearch-Hit-content-wrapper .DocSearch-Hit-path {
color: #454549 !important;
}
html.light .xrp-ledger-dev-portal .DocSearch-Logo svg .cls-1, html.light .xrp-ledger-dev-portal .DocSearch-Logo svg .cls-2 {
fill: var(--docsearch-logo-color);
}
html.light .xrp-ledger-dev-portal .DocSearch-Hit[aria-selected=true] a {
background: #F5F5F7;
}

File diff suppressed because one or more lines are too long