-
Notifications
You must be signed in to change notification settings - Fork 3
feat(tabs): new bordered tabs (#DS-2904) #328
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
Visit the preview URL for this PR (updated for commit b3b9a89): https://koobiq-next--prs-328-1v9tcqp1.web.app (expires Sun, 06 Oct 2024 11:56:13 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c |
…nto feat/DS-2904 * 'feat/DS-2904' of github.com:koobiq/angular-components: (31 commits) feat(docs): removed core-js polyfills (#325) fix: updated stackblitz files (#323) feat: updated angular dependencies to 18.2.6, updated stackblitz configs (#322) chore: updated components tokens chore(docs): fixed stackblitz examples chore(ci): updated firebase config chore: fixed deploy for docs stable 18.x chore: bump version to 18.0.0 w/ changelog chore: build tokens for docs and upd chalk to 4.x (#319) feat(visual,docs): moved from sass vars to css-vars (#296) fix(navbar): kbq-vertical-navbar does not apply design-tokens (#DS-2911) (#318) chore: fixed docs examples (#315) feat(scrollbar): updated docs and migrated to standalone (#DS-2899) (#307) feat: updated CI dependencies (#313) fix(list): multiple selection by keyboard on macos (#DS-2908) (#309) chore: fixed ci after angular 18 migration (#312) chore: fixed firebase target for docs dist chore: inc budget for docs chore: build component and docs tokens chore: fixed schematic build and updated schematics to 18.2 ...
* main: fix: sandbox polyfills and tsconfigs (#330)
также в рамках этой задачи пофиксил стили для dev-примеров и stackblitz (#DS-2925) |
@@ -71,13 +71,17 @@ export class KbqTabLabelWrapper extends KbqTabLabelWrapperMixinBase implements C | |||
const COMMENT_NODE = 8; | |||
|
|||
if (firstIconElement.nextSibling && firstIconElement.nextSibling.nodeType !== COMMENT_NODE) { | |||
this.elementRef.nativeElement.classList.add('kbq-tab-label_with-icon-left'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ниже класс добавляется через renderer, почему здесь не сделал так же ?
packages/components-dev/main.scss
Outdated
@@ -3,6 +3,9 @@ | |||
@use '../components/core/styles/theming/prebuilt/light-theme'; | |||
//@use '../components/core/styles/theming/prebuilt/dark-theme'; | |||
|
|||
@use 'apps/docs/src/styles/koobiq/default-theme/css-tokens-light.css'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Строки выше:
@use '../components/core/styles/theming/prebuilt/light-theme'; //@use '../components/core/styles/theming/prebuilt/dark-theme';
еще нужны ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
нужны)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
а что будет если подключить light-theme и css-tokens-dark.css ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
не будет доступа к переменным, которые используются в light-theme и стили не применятся
@@ -215,11 +222,13 @@ export class KbqTabGroup | |||
elementRef: ElementRef, | |||
private readonly changeDetectorRef: ChangeDetectorRef, | |||
@Attribute('vertical') vertical: string, | |||
@Attribute('underlined') underlined: string, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
а почему используются атрибуты а не @Input({ transform: booleanAttribute })
?
* main: fix(docs): menu tab icon fixed (#DS-2926) (#331) feat(tabs): new bordered tabs (#DS-2904) (#328) feat(tooltip): migrated to standalone (#334) feat(icon): migrated to standalone (#333) fix(tree): mouse click selection generates extra event (#DS-2900) (#332) feat(tooltip): added parameter kbqRelativeToPointer (#DS-2864) (#326) fix: sandbox polyfills and tsconfigs (#330) # Conflicts: # packages/components/tabs/tabs.md
No description provided.