/
task-tracker
/
TaskTracker.UI
Обзор
Документация
Войти
/
task-tracker
/
TaskTracker.UI
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
master
src/styles/_action-menu.scss
60 строк
1 KB
Ametusik
#1
: Архитектура проекта
28 апр 2025, 12:44
28 апр 2025, 12:44
f47df22
Код
Авторство
О чём код?
@use "colors"; @use "scroll"; .action-menu { display: inline-flex; flex-direction: column; min-width: 180px; max-width: 280px; background-color: colors.$default-background-color; padding: 6px 0; border-radius: 5px; box-shadow: 1px 2px 4px 1px colors.$default-shadow-color; border: 1px solid colors.$default-border-color; } .action-menu-item { background-color: transparent; cursor: pointer; border: none; user-select: none; min-width: 64px; line-height: 36px; padding: 0 16px; display: flex; align-items: center; flex-direction: row; flex: 1; } .action-menu-item:hover { background-color: colors.$background-color-hover; } .action-panel { width: 300px; height: 200px; background-color: colors.$background-color-light; display: block; box-sizing: border-box; .content-scroll { width: 100%; height: 150px; overflow: auto; display: block; box-sizing: border-box; @include scroll.thin-blue-scrollbar(); } } .content-action { display: flex; flex-direction: row-reverse; box-sizing: border-box; justify-content: flex-start; align-items: center; width: 100%; position: relative; padding: 0 7px; }