Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Темная тема не применяется на для компонента SideMenu #3560

Open
ayubondarenko opened this issue Dec 7, 2024 · 3 comments
Labels

Comments

@ayubondarenko
Copy link

ayubondarenko commented Dec 7, 2024

Ошибка
В темной теме при наведении мышки на элементы меню (SideMenu) цвета фона элементов светлые буквы черные.

Чтобы воспроизвести

const uiTheme = ThemeFactory.create({
    sideMenuBgColor: '#2b2b2b',
    sideMenuBoxShadowColor: '#373737',
    sideMenuDividerBgColor: 'gray',
  } , DARK_THEME );

  return (
  <ThemeContext.Provider
    value={uiTheme}
  >
  <SideMenu
        disableCollapsing={false}
        isSeparatedMenu={false}
        size={'small'}
        showScrollBar={'always'}
        desktopMediaQuery={'2000'}
      >
      <SideMenu.Link
          href={"/#!/?panel=usercard"}
          icon={<People3Icon/>}
          caption={gettext("Сотрудники")}
          
        />
        </SideMenu>}
   </ThemeContext.Provider>

Фактическое поведение
При наведении мышки на элемент меню он становится таким, как в светлой теме

Ожидаемое поведение
При наведении мышки на элемент меню он соответствует темной теме

Скриншоты

Screenshot from 2024-12-07 16-12-23

Укажите версию библиотеки и других пакетов:

"@skbkontur/react-ui": "^5.0.4",
"@skbkontur/side-menu": "^3.0.6",
"react": "^18.2.0",
"react-dom": "^18.2.0",

Параметры компьютера:

  • ОС: ubuntu 20
  • Браузер хром,
  • Версия Version 131.0.6778.85 (Official Build) (64-bit)

Есть решение?
Я решил обходным путем добавив класс в к элементам меню sub-item-dark и назначив нужный цвет фона для элементов

.sub-item-dark:hover {
    background-color: #373737 !important;
}

Но это не решение, а обходной путь....

@mshatikhin
Copy link
Member

Добрый день, спасибо за найденный баг. Подскажи пожалуйста из какой ты команды?

Все обращения лучше заводить в нашем ММ канале @infra_front_support

@mshatikhin
Copy link
Member

В SideMenu в данный момент времени нет поддержки темной темы, но есть задача https://yt.skbkontur.ru/issue/IF-1085

@ayubondarenko
Copy link
Author

ayubondarenko commented Dec 16, 2024

Добрый день!
Благодарю за обратную реакцию!
Я работаю в команде Staffcop.
Как можно получить доступ к вашему каналу @infra_front_support? Если можно, пришлите мне в телеграмм (@ayubondarenko) необходимую информацию.
Заранее благодарю!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

No branches or pull requests

2 participants