From 2c7bc330ab671d558577aadf97f35b77ead69c9f Mon Sep 17 00:00:00 2001 From: portikM Date: Wed, 1 Nov 2023 13:24:40 -0400 Subject: [PATCH 1/3] fix(kdropdownitem): remove width: 100% --- src/components/KDropdown/KDropdownItem.vue | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/KDropdown/KDropdownItem.vue b/src/components/KDropdown/KDropdownItem.vue index ce16373aae..238ade1641 100644 --- a/src/components/KDropdown/KDropdownItem.vue +++ b/src/components/KDropdown/KDropdownItem.vue @@ -234,7 +234,6 @@ const availableComponents = computed((): DropdownItemRenderedRecord => ({ text-align: left; text-decoration: none; transition: background-color $kongponentsTransitionDurTimingFunc, color $kongponentsTransitionDurTimingFunc; - width: 100%; &:focus, &:active, &:focus-visible { outline: none; From 7396e40de7d0e5d0c0bc6f415497662480eb499f Mon Sep 17 00:00:00 2001 From: portikM Date: Wed, 1 Nov 2023 13:25:04 -0400 Subject: [PATCH 2/3] docs: minor fix --- docs/guide/migrating-to-version-9.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/guide/migrating-to-version-9.md b/docs/guide/migrating-to-version-9.md index 98b4ad4840..3f316c09fe 100644 --- a/docs/guide/migrating-to-version-9.md +++ b/docs/guide/migrating-to-version-9.md @@ -46,7 +46,7 @@ Kongponents styles are no longer designed to be utilized standalone, separately * some values `appearance` prop accepts were changed: * `outline` has been removed (we suggest using `secondary` instead) - * `creation` has been removed + * `creation` has been removed (we suggest using `primary` instead) * `btn-link` is no longer accepted (we suggest using `tertiary` instead) * `btn-link-danger` has been removed * `action-active` has been removed From 237b0dde84d35cb2f4ead7753440d72b4d87f1d9 Mon Sep 17 00:00:00 2001 From: portikM Date: Wed, 1 Nov 2023 13:45:41 -0400 Subject: [PATCH 3/3] fix(kdropdownitem): fix item width --- src/components/KDropdown/KDropdownItem.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/KDropdown/KDropdownItem.vue b/src/components/KDropdown/KDropdownItem.vue index 238ade1641..7feee0da64 100644 --- a/src/components/KDropdown/KDropdownItem.vue +++ b/src/components/KDropdown/KDropdownItem.vue @@ -185,6 +185,7 @@ const availableComponents = computed((): DropdownItemRenderedRecord => ({ /* Component styles */ .k-dropdown-item, :deep(.k-dropdown-item) { + display: flex; list-style: none; &.has-divider { @@ -226,6 +227,7 @@ const availableComponents = computed((): DropdownItemRenderedRecord => ({ color: var(--kui-color-text-neutral, $kui-color-text); cursor: pointer; display: flex; + flex: 1; font-family: var(--kui-font-family-text, $kui-font-family-text); font-size: var(--kui-font-size-30, $kui-font-size-30); font-weight: var(--kui-font-weight-medium, $kui-font-weight-medium);