Skip to content

Commit 0ed005f

Browse files
committed
Modify horizontal padding on AccordionMenu
1 parent d37ac1c commit 0ed005f

File tree

3 files changed

+8
-8
lines changed

3 files changed

+8
-8
lines changed

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@programmer_network/yail",
3-
"version": "1.0.168",
3+
"version": "1.0.169",
44
"description": "Programmer Network's official UI library for React",
55
"author": "Aleksandar Grbic - (https://programmer.network)",
66
"publishConfig": {

src/Components/Accordion/__snapshots__/Accordion.test.tsx.snap

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,15 @@ exports[`Accordion component > renders correctly 1`] = `
1111
>
1212
<h3
1313
aria-expanded="true"
14-
class="yl-relative yl-flex yl-cursor-pointer yl-select-none yl-items-center yl-justify-between yl-font-semibold yl-capitalize yl-text-primary-text-color yl-p-4 yl-bg-primary-text-color/5"
14+
class="yl-relative yl-flex yl-cursor-pointer yl-select-none yl-items-center yl-justify-between yl-font-semibold yl-capitalize yl-text-primary-text-color yl-py-4 yl-pl-4 yl-pr-8 yl-bg-primary-text-color/5"
1515
role="button"
1616
tabindex="0"
1717
>
1818
<div
1919
class="yl-flex yl-flex-col yl-gap-1 yl-overflow-hidden yl-text-ellipsis yl-whitespace-nowrap yl-text-base"
2020
>
2121
<svg
22-
class="yl-absolute yl-right-0 yl-w-6 yl-cursor-pointer yl-fill-primary-text-color hover:yl-fill-primary"
22+
class="yl-absolute yl-right-2 yl-w-6 yl-cursor-pointer yl-fill-primary-text-color hover:yl-fill-primary"
2323
data-testid="icon-expand-less"
2424
fill="currentColor"
2525
viewBox="0 0 24 24"
@@ -80,15 +80,15 @@ exports[`Accordion component > renders correctly 1`] = `
8080
>
8181
<h3
8282
aria-expanded="false"
83-
class="yl-relative yl-flex yl-cursor-pointer yl-select-none yl-items-center yl-justify-between yl-font-semibold yl-capitalize yl-text-primary-text-color yl-p-4"
83+
class="yl-relative yl-flex yl-cursor-pointer yl-select-none yl-items-center yl-justify-between yl-font-semibold yl-capitalize yl-text-primary-text-color yl-py-4 yl-pl-4 yl-pr-8"
8484
role="button"
8585
tabindex="0"
8686
>
8787
<div
8888
class="yl-flex yl-flex-col yl-gap-1 yl-overflow-hidden yl-text-ellipsis yl-whitespace-nowrap yl-text-base"
8989
>
9090
<svg
91-
class="yl-absolute yl-right-0 yl-w-6 yl-cursor-pointer yl-fill-primary-text-color hover:yl-fill-primary"
91+
class="yl-absolute yl-right-2 yl-w-6 yl-cursor-pointer yl-fill-primary-text-color hover:yl-fill-primary"
9292
data-testid="icon-expand-more"
9393
fill="currentColor"
9494
viewBox="0 0 24 24"

src/Components/Accordion/index.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ const Accordion: FC<IAccordionProps> = ({
5050
>
5151
<h3
5252
className={classNames(
53-
"yl-relative yl-flex yl-cursor-pointer yl-select-none yl-items-center yl-justify-between yl-font-semibold yl-capitalize yl-text-primary-text-color yl-p-4",
53+
"yl-relative yl-flex yl-cursor-pointer yl-select-none yl-items-center yl-justify-between yl-font-semibold yl-capitalize yl-text-primary-text-color yl-py-4 yl-pl-4 yl-pr-8",
5454
sectionTitleClassName,
5555
{
5656
"yl-bg-primary-text-color/5": expanded.includes(section.id)
@@ -68,9 +68,9 @@ const Accordion: FC<IAccordionProps> = ({
6868
>
6969
<div className='yl-flex yl-flex-col yl-gap-1 yl-overflow-hidden yl-text-ellipsis yl-whitespace-nowrap yl-text-base'>
7070
{expanded.includes(section.id) ? (
71-
<IconExpandLess className='yl-absolute yl-right-0 yl-w-6 yl-cursor-pointer yl-fill-primary-text-color hover:yl-fill-primary' />
71+
<IconExpandLess className='yl-absolute yl-right-2 yl-w-6 yl-cursor-pointer yl-fill-primary-text-color hover:yl-fill-primary' />
7272
) : (
73-
<IconExpandMore className='yl-absolute yl-right-0 yl-w-6 yl-cursor-pointer yl-fill-primary-text-color hover:yl-fill-primary' />
73+
<IconExpandMore className='yl-absolute yl-right-2 yl-w-6 yl-cursor-pointer yl-fill-primary-text-color hover:yl-fill-primary' />
7474
)}
7575
{section.title}
7676
{section.description && (

0 commit comments

Comments
 (0)