Feat/alert #47
Feat/alert #47
Conversation
# Conflicts: # src/lib-dev/navbar/styles.scss # src/lib/core/utils/utils.ts # src/lib/navbar/_navbar-base.scss # src/lib/navbar/navbar.component.ts
src/lib/core/styles/_alerts.scss
Outdated
| padding: 0; | ||
| } | ||
|
|
||
| > p, |
There was a problem hiding this comment.
Для чего?
Не используется далее, в примерах.
src/lib-dev/alert/template.html
Outdated
| <i mc-icon="mc-info_16"></i> | ||
| <div> | ||
| <header>Header</header> | ||
| Alert text Alert text Alert text Alert text Alert text Alert text Alert text Alert text Alert text |
There was a problem hiding this comment.
добавь пример с очень длинным текстом, больше 400 символов
src/lib-dev/alert/module.ts
Outdated
| styleUrls: ['./styles.scss'], | ||
| encapsulation: ViewEncapsulation.None | ||
| }) | ||
| export class DemoComponent {} |
There was a problem hiding this comment.
добавь пример - show/hidden метод.
src/lib/core/styles/_alerts.scss
Outdated
| padding: 0; | ||
| margin: 0; | ||
| top: 16px; | ||
| right: 12px; |
There was a problem hiding this comment.
right - 16px, см макет
со всех сторон отступ 16px
There was a problem hiding this comment.
У большого отступ 16 16 у маленького 16 12
There was a problem hiding this comment.
изменил согласно макетам
|
Компоненты Отступы алерта 14 16, а не 16 16. Это нужно, чтобы высота всего алерта в одну строку была кратна 8пк. Из-за текста высотой 20пк это сбивается и нужны эти 14 пк. А с учетом того, что бордер в CSS считается в границах блока, видимо нужно даже 13px 15px. Текст не должен заезжать под крестик алерта, если крестик есть. Это не очень аккуратно смотрится. Некликабельные иконки (http://d.mikeozornin.ru/elWMsJ) не должны хувериться. Сейчас они темнеют при хувере. На крестик закрытия можно попасть табуляцией, но фокус не показывается. http://d.mikeozornin.ru/vncuoM Доки http://d.mikeozornin.ru/tluklf Тайминги скрытия алертов очень длинные. Вот так лучше: The button → Done или Close, и они тоже закрывают алерты. |
|
Если что-то из того, что я написал в компоненты, к ним не относится, скажите, я мог перепутать. |
сделал 14 16
пофиксил
пофиксил
сделал через псевдо, неуверен, что мы должны мутить компонент для поддержки CanFocus. Есть еще вариант с введением нового компонента - прозрачной кнопки, которая не имеет никаких стилей, кроме поддержки фокуса и определенного "кнопочного" поведения. Или взять McIconButton и переопределить все в ней через !important (я думаю это породит много регрессии при правке кнопок)
сделал как константу в default_theme, предполагая, что это эти цвета не относятся к теме. Если относятся, то надо прокинуть их в миксин темы. @fost - как правильно?
сделал
сделал
сделал
сделал |
|
Обновил тему:
|
No description provided.