Skip to content

Feature Request: Improved TabView CSS Support #2738

Description

@sitefinitysteve

Tabs Need:

  • CSS: highlighted (for selected tab... selectedColor exists as XML property, but needs to support one of the new pseudos
  • Styler: Android tab text needs to match $accent, could be styled in the above "highlighted" class with "color"? Right now selectedColor xml prop doesn't change it though.
  • CSS: text-transform uppercase
  • Core: Okay so here's the conundrum... we have "selectedColor" and "tabsBackgroundColor" as xml properties. Both require a color code in the XML, I need these to be somehow in the css. The problem is "background-color" of TabView changes the TabView CONTENT AREA not the tabs themselves. So what about this idea... (below)
.tab-view.TabViewItem{
   background-color: red;

  &:highlighted{
     background-color: blue;
  }
}

It would keep the colors out of the XML and give me more flexability, also "color" on TabView also changes the tab content area, which is problematic :/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions