From da5bdf4f8640f25d798692de0d95417099003eb5 Mon Sep 17 00:00:00 2001 From: anthonymig88 Date: Fri, 19 Jul 2024 11:58:40 -0400 Subject: [PATCH] [PLAY-1435] Fix Dark Mode Styles: Collapsible Kit --- .../pb_collapsible/docs/_collapsible_custom_main.jsx | 1 - .../docs/_collapsible_custom_main_rails.html.erb | 5 +++-- .../_collapsible_custom_main_with_icon_rails.html.erb | 10 +++------- 3 files changed, 6 insertions(+), 10 deletions(-) diff --git a/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx b/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx index a16f8e58c0..00c05bedec 100644 --- a/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx +++ b/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx @@ -26,7 +26,6 @@ const CollapsibleCustomMain = (props) => { size={4} text="Custom Main Section" /> - diff --git a/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb b/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb index 3f3c9892c3..37c9124c48 100644 --- a/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb +++ b/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb @@ -1,5 +1,5 @@ <%= pb_rails("collapsible", props: { name: "default-example" }) do %> - <%= pb_rails("background", props: { background_color: "white", position: "sticky", top: "0", cursor:"pointer", data: {"collapsible-main": "true"} }) do %> + <%= pb_rails("flex", props: { position: "sticky", top: "0", cursor: "pointer", data: { "collapsible-main": "true", align: "center", gap: "sm", justify: "between" } }) do %> <%= pb_rails("flex", props: {align:"center", gap:"sm", justify:"between"}) do %> <%= pb_rails("title", props: { text: "Custom Main Section", tag: "h4", size: 4 }) %> <% end %> @@ -16,4 +16,5 @@ <% end %> <% end %> <% end %> - \ No newline at end of file + + \ No newline at end of file diff --git a/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.html.erb b/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.html.erb index 5450cbc4cc..0fc53fcce5 100644 --- a/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.html.erb +++ b/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.html.erb @@ -1,12 +1,8 @@ <%= pb_rails("collapsible", props: { name: "default-example" }) do %> - <%= pb_rails("background", props: { background_color: "white", position: "sticky", top: "0", cursor:"pointer", data: {"collapsible-main": "true"} }) do %> - <%= pb_rails("flex", props: {align:"center", gap:"sm", justify:"between"}) do %> - <%= pb_rails("title", props: { text: "Custom Main Section", tag: "h4", size: 4 }) %> + <%= pb_rails("flex", props: { position: "sticky", top: "0", cursor: "pointer", data: { "collapsible-main": "true" }, align: "center", gap: "sm", justify: "between" }) do %> + <%= pb_rails("title", props: { text: "Custom Main Section", tag: "h4", size: 4 }) %> <%= pb_rails("collapsible/collapsible_icon") %> - <% end %> - <% end %> - <%= pb_rails("flex", props: { align: "center", justify: "between" }) do %> - <% end %> + <% end %> <%= pb_rails("collapsible/collapsible_content", props: { padding: "none" }) do %> <%= pb_rails("list", props: {ordered: false, dark: false, borderless: false}) do %> <%= pb_rails("list/item") do %> Checklist Item <% end %>