ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-29 08:05:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove unused search styling and improve visibility of light mode search icon

Browse Source
This commit is contained in:
mDuo13
2024-05-31 15:30:11 -07:00
parent dceccd7b1d
commit 3b0a25ddc2
2 changed files with 3 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

162
styles/light/_light-theme.scss
View File

@@ -117,166 +117,8 @@ h6,
background-color: $light-form-bg;
}
// Algolia search results
.xrp-ledger-dev-portal {
.DocSearch-Modal {
background: $white;
}
.DocSearch-Prefill {
color: $blue-purple-500;
}
.DocSearch-Button {
background: var(--docsearch-searchbox-background);
}
.DocSearch-Button:hover {
box-shadow: inset 0 0 0 2px $blue-purple-500;
border-radius: 40px;
background: var(--docsearch-searchbox-background);
.DocSearch-Button-Placeholder {
color: var(--docsearch-text-color);
}
}
.DocSearch-Search-Icon {
color: var(--docsearch-text-color) !important;
}
.DocSearch-Input {
color: $gray-900;
}
.DocSearch-Hit-Select-Icon {
color: $gray-900;
}
.DocSearch-Form {
box-shadow: inset 0 0 0 2px $blue-purple-500;
background-color: var(--docsearch-searchbox-focus-background);
}
.DocSearch-Hit-source {
color: $blue-purple-500;
background: $white;
}
.DocSearch-Hits mark {
color: $blue-purple-500;
}
.DocSearch-Hit-Container {
background: $white;
}
.DocSearch-Hit a {
background-color: $white;
}
.DocSearch-Hit-content-wrapper {
.DocSearch-Hit-title {
color: $black !important;
}
.DocSearch-Hit-path {
color: $black-60 !important;
}
}
.DocSearch-Logo svg {
.cls-1,
.cls-2 {
fill: var(--docsearch-logo-color);
;
}
}
.DocSearch-Hit-title,
.DocSearch-Hit-path,
.DocSearch-Label,
.DocSearch-Help {
color: $black-60 !important;
}
.DocSearch-Hit[aria-selected="true"] a {
background: $black-10;
.DocSearch-Hit-Container {
background-color: $black-10;
}
.DocSearch-Hit-content-wrapper {
.DocSearch-Hit-title {
color: $black !important;
}
.DocSearch-Hit-path {
color: $black-60 !important;
}
}
.DocSearch-Hit-icon svg {
color: $black !important;
}
.DocSearch-Hit-action .DocSearch-Hit-action-button svg {
color: $black !important;
}
mark {
color: $blue-purple-500 !important;
}
}
.DocSearch-Footer {
background: var(--docsearch-footer-background);
}
// The extra specificity makes this override the default Algolia styles.
.algolia-autocomplete {
.ds-dropdown-menu [class^="ds-dataset-"] {
background-color: $light-standout-bg;
}
.ds-dropdown-menu::before {
background-color: $light-standout-bg;
}
.algolia-docsearch-suggestion {
background-color: $light-standout-bg;
}
.algolia-docsearch-suggestion--category-header {
color: $black;
border-bottom-color: $blue-purple-500;
}
.algolia-docsearch-suggestion--subcategory-column {
color: $black;
}
.algolia-docsearch-suggestion--title {
color: $black;
}
.algolia-docsearch-suggestion--text {
color: $light-fg-muted;
}
.algolia-docsearch-suggestion--highlight {
color: $black;
background-color: $gray-300;
}
.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,
.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,
.algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
background-color: $gray-300;
}
}
[data-component-name="Search/SearchIcon"] > path {
fill: black;
}
// Navigation ------------------------------------------------------------------