#nimheru_code

1 messages · Page 1 of 1 (latest)

echo spindleBOT
#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1230496018831904829

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

carmine shale
#

this is the icon I'm referring to

image.png
tribal oarBOT
carmine shale
#

I should clarify, this is using the accordion payment element type

open meteor
#

hi there!

carmine shale
# 
var paymentElementOptions = {
    layout: {
      type: 'accordion',
      defaultCollapsed: true,
      radios: true,
      spacedAccordionItems: true
    },
  };
#

hi!

open meteor
#

what do you want to change about that icon?

carmine shale
#

just the color currently! ideally the same with the "Card" text and the radio button

#

It looks like it's trying to use iconColor but it being overwritten

image.png
#

here's my full appearance config:

appearance: {
      theme: 'flat',
      labels: 'floating',
      variables: {
        borderRadius: '0.25rem',
        fontFamily: 'Poppins, sans-serif',
        fontLineHeight: '1.4',
        fontSizeBase: '16px',
        fontSmooth: 'always',
        colorIconMenu: '#eb601a',
        iconColor: '#eb601a',
        tabIconSelectedColor: '#eb601a',
      },
      rules: {
        '.Input': {
          backgroundColor: '#fefefe',
          border: '1px solid #555555',
          padding: '0.7rem 0.5rem',
        }
      }
    }
open meteor
#

got it, having a look...

#

can you try setting tabIconColor?

image.png
carmine shale
#

thats not done it unfortunately

open meteor
#

ok give me a few minutes to run some tests

carmine shale
#

I've made some progress using a rule:

image.png image.png
# 
'.TabIcon--selected': {
          fill: '#eb601a',
        },
tribal oarBOT
carmine shale
#

however im struggling to find one that will work for the radio and the "card" text

open meteor
carmine shale
#

That seems to work when the payment element is set to type: 'tabs' but not type: 'accordion' like I'm currently using

#

ah i've got it...

# 
'.AccordionItem--selected': {
    color: '#eb601a',
},

that does it!

spark fractal
#

👋

#

Yep that seems right to me