/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
core/src/components/segment/segment.scss
52 строки
806 B
Brandy Carney
feat(segment): display segment as a grid and add an ellipsis to overflowing text in a segment button (#27457)
24 май 2023, 18:42
Не верифицирован
24 май 2023, 18:42
448e63f
Код
Авторство
О чём код?
@import "../../themes/ionic.globals"; // Segment // -------------------------------------------------- :host { /** * @prop --background: Background of the segment button */ --ripple-color: currentColor; @include font-smoothing(); display: grid; grid-auto-columns: 1fr; position: relative; align-items: stretch; justify-content: center; width: 100%; background: var(--background); font-family: $font-family-base; text-align: center; contain: paint; user-select: none; } // Segment: Scrollable // -------------------------------------------------- :host(.segment-scrollable) { justify-content: start; width: auto; overflow-x: auto; grid-auto-columns: minmax(min-content, 1fr); } :host(.segment-scrollable::-webkit-scrollbar) { display: none; }