This is an automated email from the ASF dual-hosted git repository.
kassiez pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/doris-website.git
The following commit(s) were added to refs/heads/master by this push:
new b4c2bf62a8e fix:event page style and text (#2201)
b4c2bf62a8e is described below
commit b4c2bf62a8e14c6f832c21b3e129774141ab3a67
Author: yangon <2689991...@qq.com>
AuthorDate: Mon Mar 17 23:56:38 2025 +0800
fix:event page style and text (#2201)
---
docusaurus.config.js | 4 +-
src/pages/events/index.tsx | 2 +-
src/pages/index.tsx | 2 +-
src/scss/components/navbar.scss | 4 +-
src/theme/SearchBar/SearchBar.module.css | 418 ++++++++++++++++---------------
5 files changed, 217 insertions(+), 213 deletions(-)
diff --git a/docusaurus.config.js b/docusaurus.config.js
index ba3a98c2068..1a51a5dcc2e 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -204,9 +204,9 @@ const config = {
},
announcementBar: {
id: 'join_us',
- content: `<div style="display:flex; width: 100%; align-items:
center; justify-content: center; margin-left: 4px; "><img style="width: 19px;
height: 19px; margin-right: 3px;" src="/images/nav-star.svg"><span
style="font-color:#52CAA3;font-size:0.875rem;font-weight:700;line-height:1rem;
margin-right:0.675rem;">NEW</span>
+ content: `<div style="display:flex; width: 100%; align-items:
center; justify-content: center; margin-left: 4px; "><img style="width: 19px;
height: 19px; margin-right: 3px;" src="/images/nav-star.svg"><span
style="color:#52CAA3;font-size:0.875rem;font-weight:700;line-height:1rem;
margin-right:0.675rem;">NEW</span>
<a
href="https://www.linkedin.com/events/7303775032810356736/comments/";
target="_blank" style="text-decoration: none;">
- <p>Join us live to decode the Apache Doris 2025 Roadmap on
March 20 ! <span
style="font-size:0.875rem;line-height:1rem;font-weight:700;letter-spacing:0.28px;">Register
Now -></span>
+ <p>Join us live on March 20 to deep dive into the Apache Doris
2025 Roadmap ! <span
style="margin-left:0.675rem;color:#52CAA3;font-size:0.875rem;line-height:1rem;font-weight:700;letter-spacing:0.28px;">Register
Now -></span>
</p> </a></div>`,
textColor: '#4C576C',
isCloseable: false,
diff --git a/src/pages/events/index.tsx b/src/pages/events/index.tsx
index 8bb5770f7a0..bb4f376af48 100644
--- a/src/pages/events/index.tsx
+++ b/src/pages/events/index.tsx
@@ -25,7 +25,7 @@ interface Event {
const EVENTS_PAGE_DATA = {
banner: {
title: 'Events',
- desc: 'Below is a list of key industry events hosted by Pulsar
contributors, as well as local meetups around the globe.',
+ desc: "Stay tuned to community voices. Together, we celebrate
collaboration, innovation, and the power of shared knowledge. Let's connect,
learn, and grow!",
action: {
label: 'Are we missing any ? Click here to contribute',
link: '/',
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 378dae27d40..b1e261d9a8a 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -85,7 +85,7 @@ export default function Home(): JSX.Element {
NEW
</span>
<span className="ml-[0.75rem] group-hover:text-[#444FD9]
text-[1rem]/[1rem] text-[#000]">
- Join us live to decode the Apache Doris 2025 Roadmap on
March 20 !{' '}
+ Join us live on March 20 to deep dive into the Apache
Doris 2025 Roadmap !
</span>
</Link>
),
diff --git a/src/scss/components/navbar.scss b/src/scss/components/navbar.scss
index 05d31361dd1..03602ee183e 100644
--- a/src/scss/components/navbar.scss
+++ b/src/scss/components/navbar.scss
@@ -3,8 +3,8 @@
background-color: var(--global-colors-white);
padding: 0;
display: flex;
- border-bottom: 1px solid rgba(255, 255, 255, 0.4);
- box-shadow: 0px 6px 16px rgba(160, 170, 208, 0.15);
+ border-bottom: 1px solid #EDF2FA;
+
&.docs {
.navbar__inner {
padding-left: 1.5rem;
diff --git a/src/theme/SearchBar/SearchBar.module.css
b/src/theme/SearchBar/SearchBar.module.css
index f4ed19d3c17..d8b9c442a70 100644
--- a/src/theme/SearchBar/SearchBar.module.css
+++ b/src/theme/SearchBar/SearchBar.module.css
@@ -1,83 +1,76 @@
-
-
.searchBar .dropdownMenu {
- left: -20% !important;
- right: 0 !important;
+ left: -20% !important;
+ right: 0 !important;
- background: var(--search-local-modal-background, #f5f6f7);
- border-radius: 6px;
- box-shadow: var(--search-local-modal-shadow,
- inset 1px 1px 0 0 hsla(0, 0%, 100%, 0.5),
- 0 3px 8px 0 #555a64);
- margin-top: 8px;
- width: var(--search-local-modal-width, 560px);
- position: relative;
+ background: var(--search-local-modal-background, #f5f6f7);
+ border-radius: 6px;
+ box-shadow: var(--search-local-modal-shadow, inset 1px 1px 0 0 hsla(0, 0%,
100%, 0.5), 0 3px 8px 0 #555a64);
+ margin-top: 8px;
+ width: var(--search-local-modal-width, 560px);
+ position: relative;
- padding: var(--search-local-spacing, 12px);
+ padding: var(--search-local-spacing, 12px);
}
-.searchBar .mobileDropdownMenu{
- left: 0 !important;
+.searchBar .mobileDropdownMenu {
+ left: 0 !important;
}
@media not (max-width: 996px) {
- .searchBar.searchBarLeft .dropdownMenu {
- right: auto !important;
- }
+ .searchBar.searchBarLeft .dropdownMenu {
+ right: auto !important;
+ }
}
@media (max-width: 996px) {
- .searchHintContainer{
- display: none !important;
- }
+ .searchHintContainer {
+ display: none !important;
+ }
}
@media (max-width: 576px) {
- :global(.navbar__search-input):not(:focus) {
- width: 2rem;
- }
+ :global(.navbar__search-input):not(:focus) {
+ width: 2rem;
+ }
- .searchBar .dropdownMenu {
- width: var(--search-local-modal-width-sm, 340px);
- max-width: calc(100vw - var(--ifm-navbar-padding-horizontal) * 2);
- }
+ .searchBar .dropdownMenu {
+ width: var(--search-local-modal-width-sm, 340px);
+ max-width: calc(100vw - var(--ifm-navbar-padding-horizontal) * 2);
+ }
}
-html[data-theme="dark"] .searchBar .dropdownMenu {
- background: var(--search-local-modal-background,
var(--ifm-background-color));
- box-shadow: var(--search-local-modal-shadow,
- inset 1px 1px 0 0 #2c2e40,
- 0 3px 8px 0 #000309);
+html[data-theme='dark'] .searchBar .dropdownMenu {
+ background: var(--search-local-modal-background,
var(--ifm-background-color));
+ box-shadow: var(--search-local-modal-shadow, inset 1px 1px 0 0 #2c2e40, 0
3px 8px 0 #000309);
}
.searchBar .dropdownMenu .suggestion {
- cursor: pointer;
- background: var(--search-local-hit-background, #fff);
- border-radius: 4px;
- box-shadow: var(--search-local-hit-shadow, 0 1px 3px 0 #d4d9e1);
- padding: 0 var(--search-local-spacing, 12px);
- width: 100%;
+ cursor: pointer;
+ background: var(--search-local-hit-background, #fff);
+ border-radius: 4px;
+ box-shadow: var(--search-local-hit-shadow, 0 1px 3px 0 #d4d9e1);
+ padding: 0 var(--search-local-spacing, 12px);
+ width: 100%;
- align-items: center;
- color: var(--search-local-hit-color, #444950);
- display: flex;
- flex-direction: row;
- height: var(--search-local-hit-height, 56px);
+ align-items: center;
+ color: var(--search-local-hit-color, #444950);
+ display: flex;
+ flex-direction: row;
+ height: var(--search-local-hit-height, 56px);
}
-html[data-theme="dark"] .dropdownMenu .suggestion {
- background: var(--search-local-hit-background,
var(--ifm-color-emphasis-100));
- box-shadow: var(--search-local-hit-shadow, none);
- color: var(--search-local-hit-color, var(--ifm-font-color-base));
+html[data-theme='dark'] .dropdownMenu .suggestion {
+ background: var(--search-local-hit-background,
var(--ifm-color-emphasis-100));
+ box-shadow: var(--search-local-hit-shadow, none);
+ color: var(--search-local-hit-color, var(--ifm-font-color-base));
}
.searchBar .dropdownMenu .suggestion:not(:last-child) {
- margin-bottom: 4px;
+ margin-bottom: 4px;
}
.searchBar .dropdownMenu .suggestion.cursor {
- background-color: var(--search-local-highlight-color,
- var(--ifm-color-primary));
+ background-color: var(--search-local-highlight-color,
var(--ifm-color-primary));
}
.hitTree,
@@ -85,99 +78,99 @@ html[data-theme="dark"] .dropdownMenu .suggestion {
.hitPath,
.noResultsIcon,
.hitFooter a {
- color: var(--search-local-muted-color, #969faf);
+ color: var(--search-local-muted-color, #969faf);
}
-html[data-theme="dark"] .hitTree,
-html[data-theme="dark"] .hitIcon,
-html[data-theme="dark"] .hitPath,
-html[data-theme="dark"] .noResultsIcon {
- color: var(--search-local-muted-color, var(--ifm-color-secondary-darkest));
+html[data-theme='dark'] .hitTree,
+html[data-theme='dark'] .hitIcon,
+html[data-theme='dark'] .hitPath,
+html[data-theme='dark'] .noResultsIcon {
+ color: var(--search-local-muted-color, var(--ifm-color-secondary-darkest));
}
.hitTree {
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
}
-.hitTree>svg {
- height: var(--search-local-hit-height, 56px);
- opacity: 0.5;
- stroke-width: var(--search-local-icon-stroke-width, 1.4);
- width: 24px;
+.hitTree > svg {
+ height: var(--search-local-hit-height, 56px);
+ opacity: 0.5;
+ stroke-width: var(--search-local-icon-stroke-width, 1.4);
+ width: 24px;
}
.hitIcon {
- stroke-width: var(--search-local-icon-stroke-width, 1.4);
+ stroke-width: var(--search-local-icon-stroke-width, 1.4);
- height: 20px;
- width: 20px;
+ height: 20px;
+ width: 20px;
}
.hitWrapper {
- flex: 1 1 auto;
- display: flex;
- flex-direction: column;
- font-weight: 500;
- justify-content: center;
- margin: 0 8px;
- overflow-x: hidden;
- width: 80%;
+ flex: 1 1 auto;
+ display: flex;
+ flex-direction: column;
+ font-weight: 500;
+ justify-content: center;
+ margin: 0 8px;
+ overflow-x: hidden;
+ width: 80%;
}
.hitWrapper mark {
- background: none;
- color: var(--search-local-highlight-color, var(--ifm-color-primary));
+ background: none;
+ color: var(--search-local-highlight-color, var(--ifm-color-primary));
}
.hitTitle {
- font-size: 0.9em;
+ font-size: 0.9em;
}
.hitPath {
- font-size: 0.75em;
+ font-size: 0.75em;
}
.hitPath,
.hitTitle {
- white-space: nowrap;
- overflow-x: hidden;
- text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow-x: hidden;
+ text-overflow: ellipsis;
}
.hitAction {
- height: 20px;
- width: 20px;
+ height: 20px;
+ width: 20px;
}
-.hideAction>svg {
- display: none;
+.hideAction > svg {
+ display: none;
}
.noResults {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- padding: var(--search-local-spacing, 12px) 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: var(--search-local-spacing, 12px) 0;
}
.noResultsIcon {
- margin-bottom: var(--search-local-spacing, 12px);
+ margin-bottom: var(--search-local-spacing, 12px);
}
.hitFooter {
- text-align: center;
- margin-top: var(--search-local-spacing, 12px);
- font-size: 0.85em;
+ text-align: center;
+ margin-top: var(--search-local-spacing, 12px);
+ font-size: 0.85em;
}
.hitFooter a {
- text-decoration: underline;
+ text-decoration: underline;
}
-.cursor .hideAction>svg {
- display: block;
+.cursor .hideAction > svg {
+ display: block;
}
.suggestion.cursor,
@@ -185,148 +178,157 @@ html[data-theme="dark"] .noResultsIcon {
.suggestion.cursor .hitTree,
.suggestion.cursor .hitIcon,
.suggestion.cursor .hitPath {
- color: var(--search-local-hit-active-color,
- var(--ifm-color-white)) !important;
+ color: var(--search-local-hit-active-color, var(--ifm-color-white))
!important;
}
.suggestion.cursor mark {
- text-decoration: underline;
+ text-decoration: underline;
}
.searchBarContainer {
- margin-left: 16px;
+ margin-left: 16px;
+ border: 1px solid #dfe5f0;
+ border-radius: 4px;
+}
+
+.searchBarContainer:hover {
+ border: 1px solid #8592a6;
}
.searchBarContainer .searchBarLoadingRing {
- display: none;
- position: absolute;
- left: 10px;
- top: 10px;
+ display: none;
+ position: absolute;
+ left: 10px;
+ top: 10px;
}
.searchBarContainer .searchClearButton {
- position: absolute;
- right: 0.8rem;
- top: 50%;
- transform: translate(0, -50%);
- padding: 0;
- background: none;
- border: none;
- line-height: 1rem;
+ position: absolute;
+ right: 0.8rem;
+ top: 50%;
+ transform: translate(0, -50%);
+ padding: 0;
+ background: none;
+ border: none;
+ line-height: 1rem;
}
:global(.navbar__search) {
- position: relative;
-
- .searchBar {
- width: 100% !important;
- left: auto !important;
- right: 0 !important;
- display: inline !important;
- background: transparent;
- border-radius: 6px;
- margin-top: 8px;
- width: var(--search-local-modal-width, 560px);
position: relative;
- padding: 0 !important;
- }
-
- input {
- width: 100% !important;
- border: none !important;
- background-color: #f7f9fe !important;
- background-image: url('/static/images/search-icon.svg');
- height: 2.5rem !important;
- background-position: 0.625rem center !important;
- padding-left: 2.25rem !important;
- color: #4c576c !important;
- border-radius: 0.5rem;
- }
-
- input:focus {
- border: none !important;
- outline: none !important;
- }
-
- .dropdownMenu {
- top: 2.5rem !important;
- }
-
- kbd {
- color: #8592a6 !important;
- background-color: #ffffff !important;
- border: none !important;
- border-radius: none !important;
- box-shadow: none !important;
- font-size: 12px;
- padding: 0 !important;
- }
-
- .searchHintContainer {
- position: absolute;
- right: 10x;
- top: 50%;
- transform: translateY(-50%);
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 5px 7px;
- background-color: #fff;
- border: none;
- gap: 2px;
- height: auto;
- }
+
+ .searchBar {
+ width: 100% !important;
+ left: auto !important;
+ right: 0 !important;
+ display: inline !important;
+ background: transparent;
+ border-radius: 6px;
+ margin-top: 8px;
+ width: var(--search-local-modal-width, 560px);
+ position: relative;
+ padding: 0 !important;
+ }
+
+ input {
+ width: 100% !important;
+ border: none !important;
+ background-color: #f7f9fe !important;
+ background-image: url('/static/images/search-icon.svg');
+ height: 2.5rem !important;
+ background-position: 0.625rem center !important;
+ padding-left: 2.25rem !important;
+ color: #4c576c !important;
+ border-radius: 0.5rem;
+ }
+
+ input:focus {
+ border: none !important;
+ outline: none !important;
+ }
+
+ .dropdownMenu {
+ top: 2.5rem !important;
+ }
+
+ kbd {
+ color: #8592a6 !important;
+ background-color: #ffffff !important;
+ border: none !important;
+ border-radius: none !important;
+ box-shadow: none !important;
+ font-size: 12px;
+ padding: 0 !important;
+ }
+
+ .searchHintContainer {
+ position: absolute;
+ right: 10x;
+ top: 50%;
+ transform: translateY(-50%);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 5px 7px;
+ background-color: #fff;
+ border: none;
+ gap: 2px;
+ height: auto;
+ }
}
.searchIndexLoading :global(.navbar__search-input) {
- background-image: none;
+ background-image: none;
}
.searchBarContainer.searchIndexLoading .searchBarLoadingRing {
- display: inline-block;
+ display: inline-block;
+}
+
+:global(.navbar__search-input) {
+ border-radius: 4px !important;
}
.searchHintContainer {
- position: absolute;
- right: 10px;
- top: 0px;
- display: flex;
- align-items: center;
- justify-content: center;
- height: 100%;
- pointer-events: none;
- gap: 4px;
+ position: absolute;
+ right: 10px;
+ top: 0px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ pointer-events: none;
+ gap: 4px;
}
.searchHint {
- color: var(--ifm-navbar-search-input-placeholder-color);
- background-color: var(--ifm-navbar-search-input-background-color);
- border: 1px solid var(--ifm-color-emphasis-500);
- box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-500);
+ color: var(--ifm-navbar-search-input-placeholder-color);
+ background-color: var(--ifm-navbar-search-input-background-color);
+ border: 1px solid var(--ifm-color-emphasis-500);
+ box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-500);
}
-.macFontStyle{
- font-weight: 600;
- font-size: 1rem !important;
+.macFontStyle {
+ font-weight: 600;
+ font-size: 1rem !important;
}
-html[dir="rtl"] .searchHintContainer {
- right: auto;
- left: 10px;
+html[dir='rtl'] .searchHintContainer {
+ right: auto;
+ left: 10px;
}
-html[dir="rtl"] .searchBarContainer .searchClearButton {
- right: auto;
- left: 0.8rem;
+html[dir='rtl'] .searchBarContainer .searchClearButton {
+ right: auto;
+ left: 0.8rem;
}
-html[dir="rtl"] .searchBarContainer .searchBarLoadingRing {
- left: auto;
- right: 10px;
+html[dir='rtl'] .searchBarContainer .searchBarLoadingRing {
+ left: auto;
+ right: 10px;
}
-html[dir="rtl"] :global(.navbar__search-input) {
- padding: 0 2.25em 0 0.5em;
+html[dir='rtl'] :global(.navbar__search-input) {
+ padding: 0 2.25em 0 0.5em;
}
/* For autocomplete.js only. */
@@ -336,12 +338,14 @@ html[dir="rtl"] :global(.navbar__search-input) {
}
.suggestions {
- max-height: 500px !important;
- overflow: scroll !important;
+ max-height: 500px !important;
+ overflow: scroll !important;
}
-.dataset {}
+.dataset {
+}
-.empty {}
+.empty {
+}
-/**/
\ No newline at end of file
+/**/
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@doris.apache.org
For additional commands, e-mail: commits-h...@doris.apache.org
