minio/docs
1
0
Fork 0
mirror of https://github.com/minio/docs.git synced 2025-07-28 19:42:10 +03:00
Code Activity

UI enhancements: Search modal, scrollbars and permalink text (#564)

Browse Source 
- Fix search source title background overlap.
- Remove default permalink text. (This'll remove the pilcrow sign
displayed after each search result).
- Enhance search modal's scrollbar colors.
This commit is contained in:
Rushan
2022-09-20 00:00:53 +04:00
committed by GitHub
parent c483255dea
commit 735b6be2ce
3 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
source/_static/scss/includes/_search.scss
View File

@ -151,6 +151,10 @@
padding-left: 0.5rem; padding-left: 0.5rem;
} }
.DocSearch-Dropdown {
--docsearch-muted-color: var(--ds-scrollbar-bg);
}
.DocSearch-Hits { .DocSearch-Hits {
mark { mark {
--docsearch-highlight-color: var(--text-color); --docsearch-highlight-color: var(--text-color);
@ -172,6 +176,7 @@
.DocSearch-Hit { .DocSearch-Hit {
--docsearch-highlight-color: var(--ds-highlight-color); --docsearch-highlight-color: var(--ds-highlight-color);
--docsearch-hit-active-color: var(--text-color); --docsearch-hit-active-color: var(--text-color);
--docsearch-muted-color: var(--text-muted-color);
& > a { & > a {
border-radius: $border-radius; border-radius: $border-radius;
@ -179,13 +184,18 @@
} }
} }
.DocSearch-Hits {
&:not(:last-child) {
margin-bottom: 1rem;
}
}
.DocSearch-Hit-source { .DocSearch-Hit-source {
--docsearch-highlight-color: var(--text-muted-color); --docsearch-highlight-color: var(--text-muted-color);
--docsearch-modal-background: transaprent;
font-weight: $font-weight-normal; font-weight: $font-weight-medium;
margin: 0 0.25rem;
font-size: $font-size-sm; font-size: $font-size-sm;
padding: 0.5rem 0.75rem 0.1rem;
} }
.DocSearch-Hit-path { .DocSearch-Hit-path {

3
source/_static/scss/includes/_theme.scss
View File

@ -112,12 +112,13 @@ $theme-properties: (
--alert-warning-link-decoration-color: #e3c3c6 #54141a, --alert-warning-link-decoration-color: #e3c3c6 #54141a,
// Doc Search // Doc Search
--docsearch-modal-background: rgba($white, 0.85) rgba($dark-100, 0.6), --docsearch-modal-background: #d8dcdf #1c232d,
--docsearch-container-background: rgba($black, 0.25) rgba(16, 21, 28, 0.851), --docsearch-container-background: rgba($black, 0.25) rgba(16, 21, 28, 0.851),
--ds-highlight-color: rgba(120, 133, 152, 0.125) rgba(16, 21, 28, 0.3), --ds-highlight-color: rgba(120, 133, 152, 0.125) rgba(16, 21, 28, 0.3),
--ds-search-bg: $white $dark-100, --ds-search-bg: $white $dark-100,
--ds-search-placeholder-color: #7e7e7e #697995, --ds-search-placeholder-color: #7e7e7e #697995,
--ds-search-focus-shadow: rgba($white, 0.15) #1b232f, --ds-search-focus-shadow: rgba($white, 0.15) #1b232f,
--ds-scrollbar-bg: #bcc4cb #151b24,
); );
// Activate dark/light themes // Activate dark/light themes

2
source/default-conf.py
View File

@ -248,6 +248,8 @@ html_extra_path = [ 'extra']
html_title = 'MinIO Object Storage for ' + ("MacOS" if platform == "macos" else platform.capitalize()) html_title = 'MinIO Object Storage for ' + ("MacOS" if platform == "macos" else platform.capitalize())
html_permalinks_icon = ''
html_context = { html_context = {
'doc_platform': platform.lower() 'doc_platform': platform.lower()
} }