From 18f51e63093e08911a2e6f3c56d05611aaceb5ac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Ruiz?= Date: Thu, 28 Nov 2024 09:14:20 -0300 Subject: [PATCH 1/5] fix hit area for leo conversations list --- .../conversations_list/style.module.scss | 25 ++++++++++--------- 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/components/ai_chat/resources/page/components/conversations_list/style.module.scss b/components/ai_chat/resources/page/components/conversations_list/style.module.scss index 971ee94d0a2e..198c7d70b883 100644 --- a/components/ai_chat/resources/page/components/conversations_list/style.module.scss +++ b/components/ai_chat/resources/page/components/conversations_list/style.module.scss @@ -28,23 +28,14 @@ .navItem { all: unset; - + border-radius: 8px; display: block; - font: var(--leo-font-default-regular); - padding: var(--leo-spacing-l) var(--leo-spacing-xl); - border-radius: 8px; - position: relative; - transition: all 0.2s ease-out allow-discrete; - - &:hover { - background: var(--leo-color-container-highlight); - box-shadow: var(--leo-effect-elevation-01); - } } .navItemActive { background: var(--leo-color-container-background); + border-radius: 8px; transition: all 0.2s ease-out allow-discrete; } @@ -65,9 +56,19 @@ } .displayTitle { - width: 100%; + border-radius: var(--leo-radius-m); + cursor: pointer; display: flex; justify-content: space-between; + padding: var(--leo-spacing-l) var(--leo-spacing-xl); + position: relative; + transition: all 0.2s ease-out allow-discrete; + width: 100%; + + &:hover { + background: var(--leo-color-container-highlight); + box-shadow: var(--leo-effect-elevation-01); + } } .displayTitleContent { From f0c46bec72df2768688cddb3a3efd34ad550f2f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Ruiz?= Date: Thu, 28 Nov 2024 12:02:07 -0300 Subject: [PATCH 2/5] Increase size of emoji in suggested question Increase size of the emoji to match figma --- .../page/components/suggested_question/style.module.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/components/ai_chat/resources/page/components/suggested_question/style.module.scss b/components/ai_chat/resources/page/components/suggested_question/style.module.scss index 4a831090bf60..bb7b11ccba8e 100644 --- a/components/ai_chat/resources/page/components/suggested_question/style.module.scss +++ b/components/ai_chat/resources/page/components/suggested_question/style.module.scss @@ -20,6 +20,7 @@ .icon { height: 32px; width: 32px; + font-size:20px; background: var(--leo-color-neutral-10); display: flex; align-items: center; From 271489265fc7ccf2eb818377ff6eb0e478dd5f53 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Ruiz?= Date: Fri, 29 Nov 2024 08:23:25 -0300 Subject: [PATCH 3/5] Update components/ai_chat/resources/page/components/suggested_question/style.module.scss Co-authored-by: Jay Harris --- .../page/components/suggested_question/style.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/ai_chat/resources/page/components/suggested_question/style.module.scss b/components/ai_chat/resources/page/components/suggested_question/style.module.scss index bb7b11ccba8e..90077e003bd8 100644 --- a/components/ai_chat/resources/page/components/suggested_question/style.module.scss +++ b/components/ai_chat/resources/page/components/suggested_question/style.module.scss @@ -20,7 +20,7 @@ .icon { height: 32px; width: 32px; - font-size:20px; + font-size: 20px; background: var(--leo-color-neutral-10); display: flex; align-items: center; From 7ca99e0b22951e48461e9537a7daed20e812d1d9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Ruiz?= Date: Fri, 29 Nov 2024 08:23:31 -0300 Subject: [PATCH 4/5] Update components/ai_chat/resources/page/components/conversations_list/style.module.scss Co-authored-by: Jay Harris --- .../page/components/conversations_list/style.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/ai_chat/resources/page/components/conversations_list/style.module.scss b/components/ai_chat/resources/page/components/conversations_list/style.module.scss index 198c7d70b883..e25a5bf9b2ad 100644 --- a/components/ai_chat/resources/page/components/conversations_list/style.module.scss +++ b/components/ai_chat/resources/page/components/conversations_list/style.module.scss @@ -35,7 +35,7 @@ .navItemActive { background: var(--leo-color-container-background); - border-radius: 8px; + border-radius: var(--leo-radius-m); transition: all 0.2s ease-out allow-discrete; } From ed2f86456c8c787934de889b1071511797e27339 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Ruiz?= Date: Fri, 29 Nov 2024 08:23:36 -0300 Subject: [PATCH 5/5] Update components/ai_chat/resources/page/components/conversations_list/style.module.scss Co-authored-by: Jay Harris --- .../page/components/conversations_list/style.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/ai_chat/resources/page/components/conversations_list/style.module.scss b/components/ai_chat/resources/page/components/conversations_list/style.module.scss index e25a5bf9b2ad..1799623ff804 100644 --- a/components/ai_chat/resources/page/components/conversations_list/style.module.scss +++ b/components/ai_chat/resources/page/components/conversations_list/style.module.scss @@ -28,7 +28,7 @@ .navItem { all: unset; - border-radius: 8px; + border-radius: var(--leo-radius-m); display: block; font: var(--leo-font-default-regular); }