Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-2981

ion-select arrow is black by default

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Done
    • Affects Version/s: 3.6.1
    • Fix Version/s: 3.7.0
    • Component/s: Others
    • Labels:
    • Sprint:
      Moodle App 3.7.0

      Description

      Some CSS was added in app version 3.6.1 which has changed the colour of the arrow on an ion-select that doesn't have a colour specified.  Previously this would use the primary colour (orange) but it is now grey.

      The SCSS file for this element contains the following code:

      ion-select {
         ...
          .select-icon .select-icon-inner {
              color: $core-select-placeholder-color;
          }
          &.select-disabled, .select-icon .select-icon-inner {
              color: $text-color;
          }
          ...
      

      I'm not a SCSS expert, but as I understand it this will result in a CSS file where the second rule will always override the first for ion-select .select-icon .select-ion-inner elements.
      I'm not sure which of these needs to be removed or made more specific, but I'm guessing this isn't the intention.

        Attachments

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Fix Release Date:
                7/Jun/19

                Time Tracking

                Estimated:
                Original Estimate - 15 minutes
                15m
                Remaining:
                0m
                Logged:
                Time Not Required
                Not Specified