feat: Обновление компонентов ASNsNewManager, DomainsNewManager и IPRangesManager с добавлением позиционирования для подсказок и улучшением доступности кнопок. Подсказки теперь отображаются сверху, а кнопки получили атрибуты title для повышения удобства использования.
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m38s
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m38s
This commit is contained in:
@@ -155,6 +155,36 @@ function Tooltip({
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tooltipFadeInTop {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate(-50%, calc(-100% - 4px)) scale(0.95);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate(-50%, calc(-100% - 8px)) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tooltipFadeInBottom {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate(-50%, 4px) scale(0.95);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate(-50%, 8px) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip-content.tooltip-top {
|
||||
animation: tooltipFadeInTop 0.15s ease-out;
|
||||
}
|
||||
|
||||
.tooltip-content.tooltip-bottom {
|
||||
animation: tooltipFadeInBottom 0.15s ease-out;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.tooltip-inner {
|
||||
background: var(--tblr-gray-800, #1e293b);
|
||||
|
||||
Reference in New Issue
Block a user