|
33 | 33 | .pf-v6-c-menu { |
34 | 34 | --pf-v6-c-menu--PaddingBlockStart: 0; |
35 | 35 | --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default); |
| 36 | + // override high contrast style |
| 37 | + --pf-v6-c-menu--BorderWidth: 0; |
36 | 38 | overflow: initial; |
37 | 39 | position: relative; |
38 | 40 | } |
|
56 | 58 | .pf-chatbot__menu-item { |
57 | 59 | --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--sm); |
58 | 60 | --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--sm); |
| 61 | + // override high contrast style |
| 62 | + --pf-v6-c-menu__list-item--BorderWidth: 0; |
59 | 63 | padding-block-start: var(--pf-t--global--spacer--xs); |
60 | 64 | padding-block-end: var(--pf-t--global--spacer--xs); |
61 | 65 | color: var(--pf-t--global--text--color--regular); |
62 | 66 | font-size: var(--pf-t--global--font--size--body--lg); |
63 | 67 | font-weight: var(--pf-t--global--font--weight--body--default); |
64 | 68 | border-radius: var(--pf-t--global--border--radius--small); |
65 | 69 | } |
| 70 | + |
| 71 | + li.pf-chatbot__menu-item:hover::after { |
| 72 | + position: absolute; |
| 73 | + inset: 0; |
| 74 | + pointer-events: none; |
| 75 | + content: ''; |
| 76 | + border: var(--pf-t--global--border--width--action--plain--hover) solid |
| 77 | + var(--pf-t--global--border--color--high-contrast); |
| 78 | + border-radius: inherit; |
| 79 | + } |
| 80 | + |
66 | 81 | // allows focus state to have border radius |
67 | 82 | .pf-v6-c-menu__list-item.pf-chatbot__menu-item { |
68 | 83 | overflow: hidden; |
|
76 | 91 | background-color: var(--pf-t--global--background--color--action--plain--clicked); |
77 | 92 | } |
78 | 93 |
|
| 94 | + li.pf-chatbot__menu-item--active::after { |
| 95 | + position: absolute; |
| 96 | + inset: 0; |
| 97 | + pointer-events: none; |
| 98 | + content: ''; |
| 99 | + border: var(--pf-t--global--border--width--action--plain--clicked) solid |
| 100 | + var(--pf-t--global--border--color--high-contrast); |
| 101 | + border-radius: inherit; |
| 102 | + } |
| 103 | + |
79 | 104 | button.pf-chatbot__menu-item--active { |
80 | 105 | background-color: initial; |
81 | 106 | } |
|
0 commit comments