electron-rare/conversations
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛(fix) broken staging css (#33)

Browse Source 
force fix staging  css
This commit is contained in:
elvoisin
2025-09-15 16:47:08 +02:00
committed by GitHub
parent 81fd0d3400
commit 517bc1a9d1
7 changed files with 25 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CHANGELOG.md
+2 -1
View File
@@ -8,10 +8,11 @@ and this project adheres to
## [Unreleased]
- 🎨(alpha) adjustment for alpha version
- 🐛(fix) broken staging css
### Changed
- 🎨(alpha) adjustment for alpha version
- ✨(ui) delete flex message
- ✅(front) add enabled/disabled conversation analysis
- 🎨(front) amelioration chat ux
src/frontend/apps/conversations/src/components/DropdownMenu.tsx
+2 -9
View File
@@ -19,7 +19,6 @@ export type DropdownMenuProps = {
options: DropdownMenuOption[];
showArrow?: boolean;
label?: string;
arrowCss?: BoxProps['$css'];
buttonCss?: BoxProps['$css'];
disabled?: boolean;
topMessage?: string;
@@ -30,7 +29,6 @@ export const DropdownMenu = ({
children,
disabled = false,
showArrow = false,
arrowCss,
buttonCss,
label,
topMessage,
@@ -64,13 +62,8 @@ export const DropdownMenu = ({
>
<Box>{children}</Box>
<Icon
$variation="600"
$css={
arrowCss ??
css`
color: var(--c--theme--colors--primary-600);
`
}
$variation="text"
$theme="primary"
iconName={isOpen ? 'arrow_drop_up' : 'arrow_drop_down'}
/>
</Box>
src/frontend/apps/conversations/src/features/chat/components/Chat.tsx
+2 -8
View File
@@ -435,7 +435,6 @@ export const Chat = ({
flex-basis: auto;
height: 100%;
flex-grow: 1;
animation: fade-in 0.3s ease-out forwards;
`}
>
<Box
@@ -481,7 +480,7 @@ export const Chat = ({
max-width: 750px;
text-align: left;
flex-direction: ${message.role === 'user' ? 'row-reverse' : 'row'};
${shouldApplyStreamingHeight ? `min-height: ${streamingMessageHeight}px;` : ''}
${shouldApplyStreamingHeight ? `min-height: ${streamingMessageHeight + 70}px;` : ''}
`}
>
<Box
@@ -493,12 +492,7 @@ export const Chat = ({
>
{/* Message content */}
{message.content && (
<Box
$css={`
opacity: 0;
animation: fade-in 0.3s ease-in-out forwards;
`}
>
<Box $padding={{ all: 'xxs' }}>
<Markdown
remarkPlugins={[remarkGfm, remarkMath]}
rehypePlugins={[rehypeKatex]}
src/frontend/apps/conversations/src/features/chat/components/InputChat.tsx
-12
View File
@@ -99,10 +99,6 @@ export const InputChat = ({
$background="white"
$align="center"
$margin={{ horizontal: 'base', bottom: 'md', top: '0' }}
$css={`
opacity: 0;
animation: fade-in 0.2s cubic-bezier(1,0,0,1) 0.2s both;
`}
>
<Text as="h2" $size="xl" $weight="600" $margin={{ all: '0' }}>
{t('What is on your mind?')}
@@ -150,14 +146,6 @@ export const InputChat = ({
<Box
$padding={{ bottom: `${isDesktop ? 'base' : ''}` }}
$background="white"
$css={
messagesLength === 0
? `
opacity: 0;
animation: fade-in 0.4s cubic-bezier(1,0,0,1) 0s both;
`
: 'animation: fade-in 0.4s cubic-bezier(1,0,0,1) 0.4s both;'
}
>
<Box
$flex={1}
src/frontend/apps/conversations/src/features/chat/components/SourceItemList.tsx
-2
View File
@@ -23,8 +23,6 @@ export const SourceItemList: React.FC<SourceItemListProps> = ({ parts }) => {
border-radius: 8px;
margin-top: 0.5rem;
overflow: hidden;
opacity: 0;
animation: fade-in 0.3s ease-out forwards;
`}
>
{parts.map((part) => (
src/frontend/apps/conversations/src/features/feedback/Feedback.tsx
+1 -2
View File
@@ -18,7 +18,6 @@ export const Feedback = (_props: { buttonProps?: Partial<ButtonProps> }) => {
<>
<Button
icon={<InfoIcon />}
color="primary"
fullWidth
onClick={() => modal.open()}
className="c__button--info"
@@ -173,7 +172,7 @@ export const InfoIcon = () => {
>
<path
d="M12 15.5C12.2833 15.5 12.5208 15.4042 12.7125 15.2125C12.9042 15.0208 13 14.7833 13 14.5C13 14.2167 12.9042 13.9792 12.7125 13.7875C12.5208 13.5958 12.2833 13.5 12 13.5C11.7167 13.5 11.4792 13.5958 11.2875 13.7875C11.0958 13.9792 11 14.2167 11 14.5C11 14.7833 11.0958 15.0208 11.2875 15.2125C11.4792 15.4042 11.7167 15.5 12 15.5ZM11 11.5H13V5.5H11V11.5ZM2 22.5V4.5C2 3.95 2.19583 3.47917 2.5875 3.0875C2.97917 2.69583 3.45 2.5 4 2.5H20C20.55 2.5 21.0208 2.69583 21.4125 3.0875C21.8042 3.47917 22 3.95 22 4.5V16.5C22 17.05 21.8042 17.5208 21.4125 17.9125C21.0208 18.3042 20.55 18.5 20 18.5H6L2 22.5ZM5.15 16.5H20V4.5H4V17.625L5.15 16.5Z"
fill="#265EAA"
fill="#265eaa"
/>
</svg>
);
src/frontend/apps/conversations/src/pages/globals.css
+18 -18
View File
@@ -61,7 +61,7 @@ nextjs-portal {
.c__button--bordered,
.c__button--bordered:hover {
border: 1px solid var(--c--theme--colors--greyscale-200);
border: 1px solid var(--c--theme--colors--greyscale-200) !important;
background-color: #fff;
}
@@ -70,30 +70,30 @@ nextjs-portal {
}
.c__button--neutral {
transition: background-color 0.4s;
color: var(--c--theme--colors--greyscale-550);
font-weight: 500;
cursor: pointer;
transition: background-color 0.4s !important;
color: var(--c--theme--colors--greyscale-550) !important;
font-weight: 500 !important;
cursor: pointer !important;
background-color: inherit;
z-index: 100;
font-size: 12px;
padding: 4px;
padding-right: 9px;
border-radius: 4px;
font-size: 12px !important;
padding: 4px !important;
padding-right: 9px !important;
border-radius: 4px !important;
}
.c__button--neutral:hover,
.c__button--neutral:active,
.c__button--neutral:focus {
background-color: #f2f5f4;
background-color: #f2f5f4 !important;
}
ul a {
color: var(--c--theme--colors--greyscale-700);
color: var(--c--theme--colors--greyscale-700) !important;
}
ul a:hover {
color: var(--c--theme--colors--primary-800);
color: var(--c--theme--colors--primary-800) !important;
}
@keyframes fade-in {
@@ -111,20 +111,20 @@ ul a:hover {
}
.c__button--info {
background-color: #cfe5ff;
color: #265eaa;
font-weight: 500;
background-color: #cfe5ff !important;
color: #265eaa !important;
font-weight: 500 !important;
}
.c__button--info:hover,
.c__button--info:active,
.c__button--info:focus {
background-color: #b7d7ff;
color: #265eaa;
background-color: #b7d7ff !important;
color: #265eaa !important;
}
.research-web-button:focus {
outline: none;
outline: none !important;
box-shadow: none !important;
}