Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

[experimental] MeiliSearch#2744

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Closed
pwizla wants to merge40 commits intomainfromrepo/test-meilisearch-search
Closed
Changes from1 commit
Commits
Show all changes
40 commits
Select commitHold shift + click to select a range
d9c9750
Add MeiliSearch-related files and update config.
pwizlaSep 16, 2025
cf2282c
Fix MeiliSearch scraper config. location
pwizlaSep 16, 2025
7fac8c8
Add MeiliSearch package to files
pwizlaSep 16, 2025
2c902cb
Fix scraper commands in workflow
pwizlaSep 16, 2025
5112771
Swap with custom front-end component
pwizlaSep 16, 2025
725a4b8
WIP
pwizlaSep 17, 2025
6373b66
Fix front end errors
pwizlaSep 18, 2025
26ad431
Tidy up CustomSearchBar.js code
pwizlaSep 23, 2025
7916839
Try to match existing search design style
pwizlaSep 23, 2025
e116655
Hide shortcut for search + try to fix alignment
pwizlaSep 23, 2025
72302f3
Ensure Search and AI are both 50% of the input
pwizlaSep 23, 2025
df71b6a
Fix mobile design
pwizlaSep 23, 2025
dfe2ee0
Try to fix border-bottom on mobile
pwizlaSep 23, 2025
c8138e2
Ensure proper unmounting of component while switching between dark/li…
pwizlaSep 23, 2025
655fbe4
Fix wrong search placeholder text color in dark mode
pwizlaSep 23, 2025
9d3ee44
Edit scraping config
pwizlaSep 24, 2025
0db2811
Fix scrapping - only works for some categories for now
pwizlaSep 24, 2025
4f9ee44
Fix matching all words
pwizlaSep 24, 2025
815e235
Don't highlight with this ugly yellow
pwizlaSep 24, 2025
650751f
Scrap all pages
pwizlaSep 24, 2025
4becb57
Improve scraping config to ensure h1s are displayed first
pwizlaSep 25, 2025
6af59bb
Properly display categories based on breadcrumbs
pwizlaOct 2, 2025
2e9358a
WIP: Start handling categories for pages without breadcrumbs
pwizlaOct 2, 2025
8e669db
Add all categories
pwizlaOct 3, 2025
653cc72
Change rankingRules order to hopefully have h1s first
pwizlaOct 3, 2025
c021216
Add categories ranking
pwizlaOct 6, 2025
488ff1b
Improve modal styles
pwizlaOct 6, 2025
b3c73ec
Fix API vs. APIs category
pwizlaOct 6, 2025
e1ee50b
Use dynamic import to prevent build issues with solid-js
pwizlaOct 7, 2025
b121c35
Add CMS intro and Cloud intro to categories
pwizlaOct 8, 2025
160ab7b
Delete an old file found through search 👀
pwizlaOct 8, 2025
406a882
Fix category typo API → APIs
pwizlaOct 8, 2025
47a43c6
Add script to analyze categories
pwizlaOct 8, 2025
e4cb3c8
Improve script to analyze categories
pwizlaOct 8, 2025
03d7ef0
Improve scraper config to better handle pages without categories
pwizlaOct 8, 2025
a48d577
Don't index "docusaurus skip to content fallback"
pwizlaOct 8, 2025
9c674c7
Move community pages to Getting Started category
pwizlaOct 8, 2025
f759b77
Revert "Don't index "docusaurus skip to content fallback""
pwizlaOct 8, 2025
35cb9a9
Index release notes
pwizlaOct 8, 2025
62db386
Fix trailing slashes in URLs
pwizlaOct 8, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
PrevPrevious commit
NextNext commit
Try to match existing search design style
  • Loading branch information
@pwizla
pwizla committedSep 23, 2025
commit7916839820c2213a3b87915da8556379df8df518
170 changes: 149 additions & 21 deletionsdocusaurus/src/scss/custom-search-bar.scss
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -58,7 +58,6 @@
padding-left: 0;
color: var(--strapi-neutral-400);
font-weight: 500;
// left: -16px;
position: relative;

&::before {
Expand All@@ -82,22 +81,95 @@

.DocSearch-Button-Keys {
display: none;
// min-width: 30px;
// position: relative;
// top: 1px;
// font-size: 1rem;

// .DocSearch-Button-Key {
// color: var(--strapi-neutral-500);
// box-shadow: none;
// background: none;
// border-radius: 0;
// padding: 0;
// margin-right: 0;
// width: 10px;
// }
}

// MeiliSearch specific styles - match existing DocSearch design
.navbar__search {
width: 65%;

.docsearch-btn {
all: unset;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: transparent;
height: 34px !important;
width: 100%;
cursor: pointer;
border-radius: 4px 0 0 4px;
padding-left: 12px;
padding-right: 8px;
border-right: solid 1px var(--strapi-neutral-200);

&:hover {
color: var(--strapi-primary-600);
border-radius: 4px 0 0 4px;

.docsearch-btn-placeholder {
color: var(--strapi-primary-600);
}

.docsearch-btn-placeholder::before {
color: var(--strapi-neutral-500) !important;
}
}
}

// Hide default MeiliSearch search icon
.docsearch-btn-icon-container {
display: none;
}

// Style placeholder with custom Phosphor icon
.docsearch-btn-placeholder {
font-size: var(--strapi-font-size-sm);
line-height: var(--strapi-line-height-sm);
color: var(--strapi-neutral-400);
font-weight: 500;
flex: 1;
text-align: left;

// Add custom Phosphor search icon
&::before {
content: '\E30C';
font-family: "Phosphor";
color: var(--strapi-neutral-500);
margin-right: 6px;
font-size: 16px;
position: relative;
top: 2px;
}
}

// Style keyboard shortcuts
.docsearch-btn-keys {
display: flex;
gap: 2px;
align-items: center;
}

.docsearch-btn-key {
margin: 0;
padding: 0;
width: 14px;
height: 14px;
background: none;
border: none;
box-shadow: none;
font-weight: 600;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--strapi-font-size-sm);
color: var(--strapi-neutral-500);

&:first-of-type {
font-size: 150%;
}
}
}

button.kapa-widget-button {
border: none;
Expand All@@ -111,22 +183,23 @@
background: transparent;
text-align: left;

/* inherit font & color from ancestor */
// Inherit font & color from ancestor
color: var(--strapi-neutral-400);
font: inherit;
font-size: .95rem;
font-weight: 500;

/* Normalize`line-height`. Cannot be changed from`normal` in Firefox 4+. */
// Normalize line-height. Cannot be changed from normal in Firefox 4+
line-height: normal;

/* Corrects font smoothing for webkit */
// Correct font smoothing for webkit
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;

/* Corrects inability to style clickable`input` types in iOS */
// Correct inability to style clickable input types in iOS
-webkit-appearance: none;
/* Remove excess padding and border in Firefox 4+ */

// Remove excess padding and border in Firefox 4+
&::-moz-focus-inner {
border: 0;
padding: 0;
Expand DownExpand Up@@ -182,6 +255,7 @@
}
}

// Responsive behavior - mobile view
@media (max-width: 768px) {
.my-custom-search-bar {
.kapa-widget-button-text {
Expand All@@ -192,13 +266,67 @@
padding: 0;
padding-right: 4px;
}

// MeiliSearch mobile styles
.navbar__search {
.docsearch-btn {
border-radius: 50%;
width: 40px;
height: 40px;
justify-content: center;
padding: 0;
border-right: none;

.docsearch-btn-placeholder {
display: none;
}

.docsearch-btn-keys {
display: none;
}

// Show default icon on mobile instead of custom Phosphor icon
.docsearch-btn-icon-container {
display: block;

svg {
width: 18px;
height: 18px;
color: var(--strapi-neutral-500);
}
}

// Hide custom Phosphor icon on mobile
.docsearch-btn-placeholder::before {
display: none;
}
}
}
}
}

// Dark mode support
@include dark {
.my-custom-search-bar {
background: var(--strapi-neutral-0);
border: var(--strapi-input-border);
color: var(--strapi-dark-100);

.navbar__search {
.docsearch-btn {
background: transparent;
color: var(--strapi-dark-100);

.docsearch-btn-placeholder {
color: var(--strapi-dark-100);
}

&:hover {
.docsearch-btn-placeholder {
color: var(--strapi-primary-600);
}
}
}
}
}
}
}
[8]ページ先頭
©2009-2025 Movatter.jp