Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    SmartGWTPro 14.0 - Stratus theme- menuTitleFieldSelected CSS not applied consistently

    Hi Support Team,

    I am using SmartGWTPro 14.0 (licensed version).

    I modified the Stratus theme CSS to customize the menu appearance. While testing the changes, I noticed that the hover/selected state styling does not behave consistently.

    The CSS class menuTitleFieldSelected is applied correctly when I initially select a menu item and move to its submenu. However, after selecting a different menu and then returning to the original menu, the selected item no longer uses menuTitleFieldSelected. Instead, it switches to menuTitleFieldOver, even though the menu item is still selected.

    As a result, the selected-state styling is lost and the hover-state styling is displayed instead.

    Please refer to the attached screenshots for the behavior I am seeing.

    Below is the modified CSS snippet I am using:

    --
    .menuTitleField,
    .menuTitleFieldDark,
    .menuTitleFieldSelected,
    .menuTitleFieldSelectedDark,
    .menuTitleFieldOver,
    .menuTitleFieldOverDark,
    .menuTitleFieldSelectedOver,
    .menuTitleFieldSelectedOverDark,
    .menuTitleFieldDisabled,
    .menuTitleFieldDisabledDark {
    background-color: transparent;

    color: #3d3935;

    border-top: none;

    border-bottom: none;

    border-left: 2px solid transparent;

    vertical-align: middle;

    font-family:
    "Open Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;

    font-size: 13.5px;

    line-height: 1.2;

    white-space: nowrap;

    padding: 9px 14px 9px 16px;
    }

    .menuTitleFieldOver,
    .menuTitleFieldSelected,
    .menuTitleFieldOverDark,
    .menuTitleFieldSelectedOver,
    .menuTitleFieldSelectedOverDark {
    background-color: #f4f4f4;
    color: #3d3935;
    }

    .menuTitleFieldSelected {
    background-color: #e3ecf5;
    color: #326295;

    font-weight: 600;

    border-left-color: #326295;
    }

    /* =========================================================
    Disabled
    ========================================================= */

    .menuTitleFieldDisabled,
    .menuTitleFieldDisabledDark {
    color: #999999;
    }
    ----------------

    Could you please confirm whether this is the expected behavior in SmartGWT 14.0 or if there is any additional CSS or configuration required to ensure that menuTitleFieldSelected is consistently applied to selected menu items?

    Thanks,
    Revan
    Attached Files

    #2
    This isn't intended behavior, although it has been this way for a long time - we'll apply a framework fix and update here when it hits.

    Comment


      #3
      This has been fixed - please retest with tomorrow's builds, dated June 2, or a later one.

      Comment


        #4
        Thank you

        Comment

        Working...
        X