стиль отключен вкладка в пользовательском интерфейсе материала - PullRequest
Новая
       20

стиль отключен вкладка в пользовательском интерфейсе материала

0 голосов
/ 25 марта 2019

Я хочу, чтобы стиль отключенной вкладки отличался от других.То, как я применяю стиль, кажется неправильным.Это работает, но я все еще думаю, что был бы лучший способ.

Я пытался использовать $ruleName, но не добился успеха.

не работает с $ruleName.Я предполагаю, что будет $ruleName с именем $label

const styles = () => ({
      root: {
        flexGrow: 1,
        overflow: "visible"
      },
      tabsRoot: {
        overflow: "visible",
        "& > div > div": {
          overflow: "visible",
          height: "54px"
        }
      },
      disabled: {
        "&$label": {
          fontSize: theme.fontSize.MEDIUM
        }
      },
      label: {
        fontSize: theme.fontSize.LARGE
      },
      tabsIndicator: {
        backgroundColor: theme.palette.ACTIVE,
        height: 6,
        boxShadow: "0px 3px 7px 0 rgba(0, 199, 178, 0.35)",
        bottom: "-1px"
      },
      tabSelected: {}
    });

рабочий код 

const styles = () => ({
  root: {
    flexGrow: 1,
    overflow: "visible"
  },
  tabsRoot: {
    overflow: "visible",
    "& > div > div": {
      overflow: "visible",
      height: "54px"
    }
  },
  disabled: {
    "& > span > span > span": {
      fontSize: theme.fontSize.MEDIUM
    }
  },
  label: {
    fontSize: theme.fontSize.LARGE
  },
  tabsIndicator: {
    backgroundColor: theme.palette.ACTIVE,
    height: 6,
    boxShadow: "0px 3px 7px 0 rgba(0, 199, 178, 0.35)",
    bottom: "-1px"
  },
  tabSelected: {}
});
...