Navigation

    CreatiCode Scratch Forum

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode

    dropdown widgets are extremely hard to read on hover

    Feedback
    2
    3
    240
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • jeffreyrb03-gmail
      JaecadeJnight Mod Helper last edited by

      a8589263-5810-4d4e-b5ae-6ebf2ab41488-image.png
      In my browser project that I’ve come back to, I decided to save space by making it so instead of accessing tabs as normal tabs, you access them in a dropdown menu to reduce clutter and have space for more things like AI analysis which will definitely be cool. However, the background of dropdowns for me is either white or white that’s half transparent and a very light gray text color.

      I also retested it because i realized i had some styles but it just does that upon hover when i put a different color:
      0de5fc57-190a-4b5c-89fc-e67532684e4c-image.png

      #LLJW
      <span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span>

      info-creaticode 1 Reply Last reply Reply Quote 0
      • info-creaticode
        CreatiCode @jeffreyrb03-gmail last edited by

        @jeffreyrb03-gmail

        Let’s discuss how we can improve it. Have you tried to set the styling of the background and text?

        0d06c2ba-c441-4bc3-9784-8dbd4cfbe31c-image.png

        jeffreyrb03-gmail 1 Reply Last reply Reply Quote 1
        • jeffreyrb03-gmail
          JaecadeJnight Mod Helper @info-creaticode last edited by

          @info-creaticode Ohh, I see, I also just realized it could be changed by changing the text color when you hover on it to still keep the white color. Thank you for the quick response, I understand now.

          #LLJW
          <span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span>

          1 Reply Last reply Reply Quote 0
          • First post
            Last post