41 lines
1.4 KiB
CSS
41 lines
1.4 KiB
CSS
/* Увеличиваем специфичность для кнопок Quill */
|
|
.ql-toolbar .ql-picker-label,
|
|
.ql-toolbar button,
|
|
.ql-toolbar [role="button"] {
|
|
all: unset; /* Сбрасываем все стили Pico (background, border, padding и т.д.) */
|
|
display: inline-block; /* Восстанавливаем базовые стили Quill */
|
|
cursor: pointer;
|
|
padding: 0; /* Quill кнопки не имеют padding */
|
|
margin: 0;
|
|
border: none;
|
|
background: none;
|
|
color: inherit; /* Наследуем цвет от Quill */
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
text-decoration: none; /* Убираем подчёркивание, если это <a> */
|
|
}
|
|
|
|
/* Восстанавливаем hover/active стили Quill (если они сломались) */
|
|
.ql-toolbar button:hover,
|
|
.ql-toolbar [role="button"]:hover {
|
|
color: #06c; /* Пример из Quill snow theme; адаптируйте */
|
|
background: none; /* Без фона */
|
|
}
|
|
|
|
.ql-toolbar button.ql-active,
|
|
.ql-toolbar [role="button"].ql-active {
|
|
color: #06c;
|
|
background: none;
|
|
}
|
|
|
|
/* Для иконок (SVG в Quill) */
|
|
.ql-toolbar .ql-icon {
|
|
fill: currentColor; /* Убедимся, что иконки наследуют цвет */
|
|
}
|
|
|
|
/* Если Quill использует <span> для кнопок */
|
|
.ql-toolbar .ql-picker-item,
|
|
.ql-toolbar .ql-picker-options [role="button"] {
|
|
all: unset;
|
|
cursor: pointer;
|
|
} |