ecd9c26c8c
# Pull Request Template
## Description
Implemented search results page functionality. Now you can press "Enter"
to search by term and display results in a results page. Also now you
can link to /hc/{account}/en/search?query=XXXXXX to view search results
for XXXXXX query.
fixes: https://github.com/chatwoot/chatwoot/issues/10945
## Screenshots
Classic layout search results:
<img width="3840" height="2160" alt="classic-results"
src="https://github.com/user-attachments/assets/3bbb3272-33ca-4eb4-b80a-76ed77442088"
/>
Classic layout pagination:
<img width="3840" height="2160" alt="classic-page-two"
src="https://github.com/user-attachments/assets/062b09d3-7c58-4d3b-8611-b94375e7db51"
/>
Classic layout empty search:
<img width="3840" height="2160" alt="no-results"
src="https://github.com/user-attachments/assets/c5e3f47a-cd9a-4e14-ae92-ccba00c89e98"
/>
Documentation layout search results:
<img width="3840" height="2160" alt="documentation-results"
src="https://github.com/user-attachments/assets/9e45d8d9-c975-4589-b6c6-3bc7bb3c588e"
/>
Documentation layout dark theme:
<img width="3840" height="2160" alt="documentation-dark"
src="https://github.com/user-attachments/assets/cdb6ed63-4241-4b32-9f79-7d92ed479fc8"
/>
Plain embedded dark layout:
<img width="3840" height="2160" alt="plain-embedded-dark"
src="https://github.com/user-attachments/assets/7deb02b9-9f24-48fb-8979-a2ecd7002c05"
/>
---------
Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>
Co-authored-by: Sojan Jose <sojan@pepalo.com>
Co-authored-by: Pranav <pranav@chatwoot.com>
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
Co-authored-by: Vinay Keerthi <11478411+stonecharioteer@users.noreply.github.com>
61 lines
1.1 KiB
SCSS
61 lines
1.1 KiB
SCSS
// scss-lint:disable SpaceAfterPropertyColon
|
|
@import 'tailwindcss/base';
|
|
@import 'tailwindcss/components';
|
|
@import 'tailwindcss/utilities';
|
|
|
|
@import 'widget/assets/scss/reset';
|
|
@import 'shared/assets/fonts/InterDisplay/inter-display';
|
|
@import 'shared/assets/fonts/inter';
|
|
@import 'dashboard/assets/scss/next-colors';
|
|
|
|
html,
|
|
body {
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
height: 100%;
|
|
letter-spacing: 0.2px;
|
|
}
|
|
|
|
.font-default {
|
|
font-family:
|
|
'InterDisplay',
|
|
-apple-system,
|
|
system-ui,
|
|
BlinkMacSystemFont,
|
|
'Segoe UI',
|
|
Roboto,
|
|
'Helvetica Neue',
|
|
Tahoma,
|
|
Arial,
|
|
sans-serif,
|
|
'Noto Sans',
|
|
'Apple Color Emoji',
|
|
'Segoe UI Emoji',
|
|
'Noto Color Emoji';
|
|
}
|
|
|
|
// Taking these utils from tailwind 3.x.x, need to remove once we upgrade
|
|
.scroll-mt-24 {
|
|
scroll-margin-top: 6rem;
|
|
}
|
|
|
|
.top-24 {
|
|
top: 6rem;
|
|
}
|
|
|
|
.heading {
|
|
.permalink {
|
|
visibility: hidden;
|
|
}
|
|
|
|
&:hover {
|
|
.permalink {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
}
|
|
|
|
.turbo-progress-bar {
|
|
background-color: var(--dynamic-portal-color);
|
|
}
|