Merge pull request #432 from rebeccaalpert/drawer-updates

nicolethoen · web-flow · commit 1cda84983d65 · 2025-02-07T14:32:35.000-05:00
fix(QuickStarts/ResponseActions): CSS updates
diff --git a/packages/module/src/Message/QuickStarts/QuickStartTile.scss b/packages/module/src/Message/QuickStarts/QuickStartTile.scss
@@ -1,5 +1,4 @@
 .pf-chatbot__quickstarts-tile {
-  min-width: 360px;
   max-width: 650px;
   width: 100%;
 
diff --git a/packages/module/src/ResponseActions/ResponseActions.scss b/packages/module/src/ResponseActions/ResponseActions.scss
@@ -3,7 +3,7 @@
   gap: var(--pf-t--global--spacer--xs);
   grid-template-columns: repeat(auto-fit, minmax(0, max-content));
 
-  .pf-v6-c-button {
+  .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small {
     --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
     border-radius: var(--pf-t--global--border--radius--pill);
     width: 2.3125rem;
@@ -22,7 +22,7 @@
   }
 }
 
-.pf-v6-c-button.pf-chatbot__button--response-action-clicked {
+.pf-v6-c-button.pf-chatbot__button--response-action-clicked.pf-v6-c-button.pf-m-plain.pf-m-small {
   --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
   --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
 }

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`gap: var(--pf-t--global--spacer--xs);`
`4`	`4`	`grid-template-columns: repeat(auto-fit, minmax(0, max-content));`
`5`	`5`
`6`		`- .pf-v6-c-button {`
	`6`	`+ .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small {`
`7`	`7`	`--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);`
`8`	`8`	`border-radius: var(--pf-t--global--border--radius--pill);`
`9`	`9`	`width: 2.3125rem;`
`@@ -22,7 +22,7 @@`
`22`	`22`	`}`
`23`	`23`	`}`
`24`	`24`
`25`		`-.pf-v6-c-button.pf-chatbot__button--response-action-clicked {`
	`25`	`+.pf-v6-c-button.pf-chatbot__button--response-action-clicked.pf-v6-c-button.pf-m-plain.pf-m-small {`
`26`	`26`	`--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);`
`27`	`27`	`--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);`
`28`	`28`	`}`