From a50f637f7e3558aeda637348f02e1c02d49b8e8c Mon Sep 17 00:00:00 2001 From: Hailong Cui Date: Wed, 1 Nov 2023 15:01:08 +0800 Subject: [PATCH] Header entry icon update (#2) header entry icon update Signed-off-by: Hailong Cui --- public/assets/chat.svg | 12 ----------- public/chat_header_button.tsx | 3 +-- public/index.scss | 27 ++---------------------- public/tabs/chat/chat_page_greetings.tsx | 3 +-- 4 files changed, 4 insertions(+), 41 deletions(-) delete mode 100644 public/assets/chat.svg diff --git a/public/assets/chat.svg b/public/assets/chat.svg deleted file mode 100644 index fc632aa8..00000000 --- a/public/assets/chat.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/public/chat_header_button.tsx b/public/chat_header_button.tsx index 011a438a..faf17833 100644 --- a/public/chat_header_button.tsx +++ b/public/chat_header_button.tsx @@ -8,7 +8,6 @@ import classNames from 'classnames'; import React, { useCallback, useMemo, useState } from 'react'; import { useEffectOnce } from 'react-use'; import { ApplicationStart } from '../../../src/core/public'; -import chatIcon from './assets/chat.svg'; import { ChatFlyout } from './chat_flyout'; import { ChatContext, IChatContext } from './contexts/chat_context'; import { SetContext } from './contexts/set_context'; @@ -84,7 +83,7 @@ export const HeaderChatButton: React.FC = (props) => { })} onClick={() => setFlyoutVisible(!flyoutVisible)} > - + diff --git a/public/index.scss b/public/index.scss index dc3a8e66..5c97b24a 100644 --- a/public/index.scss +++ b/public/index.scss @@ -4,19 +4,7 @@ */ .llm-chat-header-icon-wrapper { - &:hover::after { - content: ''; - display: block; - position: absolute; - top: 4px; - bottom: 4px; - left: 4px; - right: 4px; - border-radius: 9px; - border: 2px solid #005eb8; - z-index: -1; - } - &:focus::after { + &::after { content: ''; display: block; position: absolute; @@ -25,23 +13,12 @@ left: 4px; right: 4px; border-radius: 9px; - border: 2px solid #00a3e0; - background-color: #b9d9eb; z-index: -1; } } .llm-chat-header-icon-wrapper-selected { &::after { - content: ''; - display: block; - position: absolute; - top: 4px; - bottom: 4px; - left: 4px; - right: 4px; - border-radius: 9px; - background-color: #005eb8; - z-index: -1; + background-color: $ouiColorPrimary; } } diff --git a/public/tabs/chat/chat_page_greetings.tsx b/public/tabs/chat/chat_page_greetings.tsx index 82fcc64b..6225b954 100644 --- a/public/tabs/chat/chat_page_greetings.tsx +++ b/public/tabs/chat/chat_page_greetings.tsx @@ -12,7 +12,6 @@ import { EuiText, } from '@elastic/eui'; import React from 'react'; -import chatIcon from '../../assets/chat.svg'; import { GreetingCard } from '../../components/greeting_card'; interface ChatPageGreetingsProps { @@ -40,7 +39,7 @@ export const ChatPageGreetings: React.FC = (props) => { - +