Skip to content

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

Merged
merged 15 commits into from
Oct 1, 2024
Merged

feat(tabs): new bordered tabs (#DS-2904) #328

merged 15 commits into from
Oct 1, 2024

Conversation

sk8knut
Copy link
Contributor

@sk8knut sk8knut commented Sep 29, 2024

No description provided.

@sk8knut sk8knut self-assigned this Sep 29, 2024
Copy link

github-actions bot commented Sep 29, 2024

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)
@sk8knut
Copy link
Contributor Author

sk8knut commented Sep 30, 2024

также в рамках этой задачи пофиксил стили для 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');
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ниже класс добавляется через renderer, почему здесь не сделал так же ?

@@ -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';
Copy link
Contributor

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';

еще нужны ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

нужны)

Copy link
Contributor

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 ?

Copy link
Contributor Author

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,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

а почему используются атрибуты а не @Input({ transform: booleanAttribute }) ?

@sk8knut sk8knut removed the request for review from pimenovoleg October 1, 2024 11:49
@sk8knut sk8knut merged commit 5414245 into main Oct 1, 2024
3 checks passed
@sk8knut sk8knut deleted the feat/DS-2904 branch October 1, 2024 12:04
sk8knut added a commit that referenced this pull request Oct 1, 2024
* 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants