Skip to content
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.

Sign up for GitHub

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

Jump to bottom

remove dark classes in docs #4645

Closed
wants to merge 1 commit into from
Closed

remove dark classes in docs #4645

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion demo/src/app/components/accordion/overview/accordion-overview.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<h4>
<span class="badge bg-info text-dark">Since 14.1.0</span>
<span class="badge text-bg-info">Since 14.1.0</span>
</h4>

<ngbd-page-header fragment="basic-usage" [title]="overview['basic-usage']">
Expand Down
4 changes: 2 additions & 2 deletions demo/src/app/components/carousel/demos/navigation/carousel-navigation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,13 @@ <h3>No mouse navigation</h3>
<hr />

<div class="btn-group" role="group" aria-label="Carousel toggle controls">
<button type="button" (click)="showNavigationArrows = !showNavigationArrows" class="btn btn-outline-dark btn-sm">
<button type="button" (click)="showNavigationArrows = !showNavigationArrows" class="btn btn-outline-secondary btn-sm">
Toggle navigation arrows
</button>
<button
type="button"
(click)="showNavigationIndicators = !showNavigationIndicators"
class="btn btn-outline-dark btn-sm"
class="btn btn-outline-secondary btn-sm"
>
Toggle navigation indicators
</button>
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/carousel/demos/pause/carousel-pause.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,6 @@ <h3>My slide {{ i + 1 }} title</h3>
<input type="checkbox" class="form-check-input" id="pauseOnIndicator" [(ngModel)]="pauseOnIndicator" />
<label class="form-check-label" for="pauseOnIndicator">Pause when clicking on navigation indicator</label>
</div>
<button type="button" (click)="togglePaused()" class="btn btn-outline-dark btn-sm">
<button type="button" (click)="togglePaused()" class="btn btn-outline-secondary btn-sm">
{{ paused ? 'Cycle' : 'Pause' }}
</button>
2 changes: 1 addition & 1 deletion demo/src/app/components/modal/demos/basic/modal-basic.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ <h4 class="modal-title" id="modal-basic-title">Profile update</h4>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="modal.close('Save click')">Save</button>
<button type="button" class="btn btn-outline-secondary" (click)="modal.close('Save click')">Save</button>
</div>
</ng-template>

Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/modal/demos/component/modal-component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
<p>Hello, {{ name }}!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="activeModal.close('Close click')">Close</button>
</div>
`,
})
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/modal/demos/config/modal-config.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ <h4 class="modal-title" id="modal-basic-title">Hi there!</h4>
<p>Hello, World!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="c('Save click')">Save</button>
<button type="button" class="btn btn-outline-secondary" (click)="c('Save click')">Save</button>
</div>
</ng-template>

Expand Down
4 changes: 2 additions & 2 deletions demo/src/app/components/modal/demos/focus/modal-focus.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,10 @@
<br />
<button class="btn btn-outline-primary me-2" (click)="open('focusFirst')">
<div>Open confirm modal</div>
<div class="text-dark" aria-hidden="true"><small>&times; button will be focused</small></div>
<div class="text-secondary" aria-hidden="true"><small>&times; button will be focused</small></div>
</button>

<button class="btn btn-outline-primary" (click)="open('autofocus')">
<div>Open confirm modal with `ngbAutofocus`</div>
<div class="text-dark" aria-hidden="true"><small>Ok button will be focused</small></div>
<div class="text-secondary" aria-hidden="true"><small>Ok button will be focused</small></div>
</button>
4 changes: 2 additions & 2 deletions demo/src/app/components/modal/demos/options/modal-options.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ <h4 class="modal-title">Modal title</h4>
<p>One fine body&hellip;</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" (click)="modal.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="modal.close('Close click')">Close</button>
</div>
</ng-template>

Expand Down Expand Up @@ -91,7 +91,7 @@ <h4 class="modal-title">Modal title</h4>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" (click)="modal.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="modal.close('Close click')">Close</button>
</div>
</ng-template>

Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/modal/demos/options/modal-options.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,6 @@ export class NgbdModalOptions {
}

openModalDialogCustomClass(content: TemplateRef<any>) {
this.modalService.open(content, { modalDialogClass: 'dark-modal' });
this.modalService.open(content, { modalDialogClass: 'text-primary' });
}
}
4 changes: 2 additions & 2 deletions demo/src/app/components/modal/demos/stacked/modal-stacked.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
<p><button class="btn btn-lg btn-outline-primary" (click)="open()">Launch demo modal</button></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="activeModal.close('Close click')">Close</button>
</div>
`,
})
Expand All @@ -39,7 +39,7 @@ export class NgbdModal1Content {
<p>Hello, World!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="activeModal.close('Close click')">Close</button>
</div>
`,
})
Expand Down
10 changes: 5 additions & 5 deletions demo/src/app/components/modal/demos/updatable/modal-updatable-options.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,24 +13,24 @@ import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
<p>Hello, {{ name }}!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="activeModal.update({ size: 'xl' })">
<button type="button" class="btn btn-outline-secondary" (click)="activeModal.update({ size: 'xl' })">
Update size
</button>
<button type="button" class="btn btn-outline-dark" (click)="activeModal.update({ centered: true })">
<button type="button" class="btn btn-outline-secondary" (click)="activeModal.update({ centered: true })">
Update centered
</button>
<button
type="button"
class="btn btn-outline-dark"
class="btn btn-outline-secondary"
(click)="activeModal.update({ backdropClass: 'light-blue-backdrop' })"
>
Update backdropClass
</button>
<button type="button" class="btn btn-outline-dark" (click)="activeModal.update({ fullscreen: true })">
<button type="button" class="btn btn-outline-secondary" (click)="activeModal.update({ fullscreen: true })">
Update fullscreen
</button>

<button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="activeModal.close('Close click')">Close</button>
</div>
`,
})
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/nav/overview/nav-overview.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<h4>
<span class="badge bg-info text-dark">Since 5.2.0</span>
<span class="badge text-bg-info">Since 5.2.0</span>
</h4>

<p>Nav directives will help you to build navigation components.</p>
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/offcanvas/demos/basic/offcanvas-basic.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ <h4 class="offcanvas-title" id="offcanvas-basic-title">Profile update</h4>
</div>
</form>
<div class="text-end">
<button type="button" class="btn btn-outline-dark" (click)="offcanvas.close('Save click')">Save</button>
<button type="button" class="btn btn-outline-secondary" (click)="offcanvas.close('Save click')">Save</button>
</div>
</div>
</ng-template>
Expand Down
4 changes: 3 additions & 1 deletion demo/src/app/components/offcanvas/demos/component/offcanvas-component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,9 @@ import { NgbActiveOffcanvas, NgbOffcanvas } from '@ng-bootstrap/ng-bootstrap';
</div>
<div class="offcanvas-body">
<div>Hello {{ name }}</div>
<button type="button" class="btn btn-outline-dark" (click)="activeOffcanvas.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="activeOffcanvas.close('Close click')">
Close
</button>
</div>
`,
styles: `
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/offcanvas/demos/config/offcanvas-config.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ <h4 class="offcanvas-title">Offcanvas title</h4>
<div class="offcanvas-body">
<p>One fine body&hellip;</p>
<div class="text-end">
<button type="button" class="btn btn-outline-dark" (click)="offcanvas.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="offcanvas.close('Close click')">Close</button>
</div>
</div>
</ng-template>
Expand Down
4 changes: 2 additions & 2 deletions demo/src/app/components/offcanvas/demos/focus/offcanvas-focus.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@

<button class="btn btn-outline-primary me-2" (click)="openFirstFocus()">
<div>First element focused</div>
<div class="text-dark" aria-hidden="true"><small>&times; button will be focused</small></div>
<div class="text-secondary" aria-hidden="true"><small>&times; button will be focused</small></div>
</button>

<button class="btn btn-outline-primary" (click)="openAutoFocus()">
<div>Element with `ngbAutofocus`</div>
<div class="text-dark" aria-hidden="true"><small>Ok button will be focused</small></div>
<div class="text-secondary" aria-hidden="true"><small>Ok button will be focused</small></div>
</button>
4 changes: 2 additions & 2 deletions demo/src/app/components/offcanvas/demos/focus/offcanvas-focus.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import { NgbActiveOffcanvas, NgbOffcanvas } from '@ng-bootstrap/ng-bootstrap';
<div class="offcanvas-body">
<p>One fine body&hellip;</p>
<div class="text-end">
<button type="button" class="btn btn-outline-dark" (click)="offcanvas.close('OK click')">OK</button>
<button type="button" class="btn btn-outline-secondary" (click)="offcanvas.close('OK click')">OK</button>
</div>
</div>
`,
Expand All @@ -32,7 +32,7 @@ export class NgbdOffcanvasFirstFocus {
<div class="offcanvas-body">
<p>One fine body&hellip;</p>
<div class="text-end">
<button ngbAutofocus type="button" class="btn btn-outline-dark" (click)="offcanvas.close('OK click')">
<button ngbAutofocus type="button" class="btn btn-outline-secondary" (click)="offcanvas.close('OK click')">
OK
</button>
</div>
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/offcanvas/demos/options/offcanvas-options.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ <h4 class="offcanvas-title">Offcanvas title</h4>
<div class="offcanvas-body">
<p>One fine body&hellip;</p>
<div class="text-end">
<button type="button" class="btn btn-outline-dark" (click)="offcanvas.close('Close click')">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="offcanvas.close('Close click')">Close</button>
</div>
</div>
</ng-template>
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/components/scrollspy/overview/scrollspy-overview.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<h4>
<span class="badge bg-info text-dark">Since 15.1.0</span>
<span class="badge text-bg-info">Since 15.1.0</span>
</h4>

<p>
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/pages/animations/animations.page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<ngbd-page-wrapper pageTitle="Animations">
<h4>
<span class="badge bg-info text-dark">Since 8.0.0</span>
<span class="badge text-bg-info">Since 8.0.0</span>
</h4>

<p>Animations are turned on by default and available on all standard bootstrap components.</p>
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/pages/positioning/positioning.page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ <h4><code>Placement</code></h4>
<p>Accepts an array of strings or a string with space separated values.</p>

<p>
<span class="badge bg-info text-dark">since 12.0.0</span><br />Possible values are <code>"top"</code>,
<span class="badge text-bg-info">since 12.0.0</span><br />Possible values are <code>"top"</code>,
<code>"top-start"</code>, <code>"top-left"</code>, <code>"top-end"</code>, <code>"top-right"</code>,
<code>"bottom"</code>, <code>"bottom-start"</code>, <code>"bottom-left"</code>, <code>"bottom-end"</code>,
<code>"bottom-right"</code>, <code>"start"</code>, <code>"left"</code>, <code>"start-top"</code>,
Expand Down
2 changes: 1 addition & 1 deletion demo/src/app/shared/api-docs/api-docs-badge.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ const BADGES = {
}
&ngsp;
@if (since) {
<span class="badge bg-info text-dark">Since {{ since.version }}</span>
<span class="badge text-bg-info">Since {{ since.version }}</span>
}
&ngsp;
<span class="badge {{ badgeClass }}">{{ text }}</span>
Expand Down
4 changes: 2 additions & 2 deletions demo/src/app/shared/api-docs/api-docs-class.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ <h4>Properties</h4>
<code>{{ prop.name }}</code
><br />
@if (prop.since) {
<span class="badge bg-info text-dark">since {{ prop.since.version }}</span>
<span class="badge text-bg-info">since {{ prop.since.version }}</span>
}
&ngsp;
@if (prop.deprecated) {
Expand Down Expand Up @@ -81,7 +81,7 @@ <h4>Methods</h4>
<code>{{ method.name }}</code
><br />
@if (method.since) {
<span class="badge bg-info text-dark">since {{ method.since.version }}</span>
<span class="badge text-bg-info">since {{ method.since.version }}</span>
}
&ngsp;
@if (method.deprecated) {
Expand Down
6 changes: 3 additions & 3 deletions demo/src/app/shared/api-docs/api-docs.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ <h4>Inputs</h4>
<code>{{ input.name }}</code
><br />
@if (input.since) {
<span class="badge bg-info text-dark">since {{ input.since.version }}</span>
<span class="badge text-bg-info">since {{ input.since.version }}</span>
}
&ngsp;
@if (input.deprecated) {
Expand Down Expand Up @@ -97,7 +97,7 @@ <h4>Outputs</h4>
<code>{{ output.name }}</code
><br />
@if (output.since) {
<span class="badge bg-info text-dark">since {{ output.since.version }}</span>
<span class="badge text-bg-info">since {{ output.since.version }}</span>
}
&ngsp;
@if (output.deprecated) {
Expand Down Expand Up @@ -128,7 +128,7 @@ <h4>Methods</h4>
<code>{{ method.name }}</code
><br />
@if (method.since) {
<span class="badge bg-info text-dark">since {{ method.since.version }}</span>
<span class="badge text-bg-info">since {{ method.since.version }}</span>
}
&ngsp;
@if (method.deprecated) {
Expand Down
2 changes: 1 addition & 1 deletion e2e-app/src/app/modal/autoclose/modal-autoclose.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<h3>
Modal autoclose tests
<span class="ms-1 badge bg-info text-dark" id="dismiss-reason">{{ reason }}</span>
<span class="ms-1 badge text-bg-info" id="dismiss-reason">{{ reason }}</span>
</h3>

<!-- Modal content -->
Expand Down
4 changes: 2 additions & 2 deletions e2e-app/src/app/modal/focus/modal-focus.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ <h4 class="modal-title">Closeable modal</h4>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="modal.close()">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="modal.close()">Close</button>
</div>
</ng-template>

Expand All @@ -39,7 +39,7 @@ <h4 class="modal-title">Autofocus modal</h4>
<p>Close button should be focused</p>
</div>
<div class="modal-footer">
<button ngbAutofocus type="button" class="btn btn-outline-dark" (click)="modal.close()">Close</button>
<button ngbAutofocus type="button" class="btn btn-outline-secondary" (click)="modal.close()">Close</button>
</div>
</ng-template>

Expand Down
2 changes: 1 addition & 1 deletion e2e-app/src/app/offcanvas/autoclose/offcanvas-autoclose.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<h3>
Offcanvas autoclose tests
<span class="ms-1 badge bg-info text-dark" id="dismiss-reason">{{ reason }}</span>
<span class="ms-1 badge text-bg-info" id="dismiss-reason">{{ reason }}</span>
</h3>

<!-- Offcanvas content -->
Expand Down
4 changes: 2 additions & 2 deletions e2e-app/src/app/offcanvas/focus/offcanvas-focus.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ <h4 class="offcanvas-title">Closeable offcanvas</h4>
<input class="form-control" />
</div>
</form>
<button type="button" class="btn btn-outline-dark" (click)="offcanvas.close()">Close</button>
<button type="button" class="btn btn-outline-secondary" (click)="offcanvas.close()">Close</button>
</div>
</ng-template>

Expand All @@ -38,7 +38,7 @@ <h4 class="offcanvas-title">Autofocus offcanvas</h4>
</div>
<div class="offcanvas-body">
<p>Close button should be focused</p>
<button ngbAutofocus type="button" class="btn btn-outline-dark" (click)="offcanvas.close()">Close</button>
<button ngbAutofocus type="button" class="btn btn-outline-secondary" (click)="offcanvas.close()">Close</button>
</div>
</ng-template>

Expand Down
2 changes: 1 addition & 1 deletion src/carousel/carousel-transition.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export enum NgbSlideEventDirection {

export interface NgbCarouselCtx {
/**
* <span class="badge bg-info text-dark">since 12.0.0</span> Possible values are `'start' | 'end'`.
* <span class="badge text-bg-info">since 12.0.0</span> Possible values are `'start' | 'end'`.
*
* <span class="badge bg-secondary">before 12.0.0</span> Possible values were `'left' | 'right'`.
*/
Expand Down
4 changes: 2 additions & 2 deletions src/carousel/carousel.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -543,7 +543,7 @@ export interface NgbSlideEvent {
/**
* The slide event direction.
*
* <span class="badge bg-info text-dark">since 12.0.0</span> Possible values are `'start' | 'end'`.
* <span class="badge text-bg-info">since 12.0.0</span> Possible values are `'start' | 'end'`.
*
* <span class="badge bg-secondary">before 12.0.0</span> Possible values were `'left' | 'right'`.
*/
Expand Down Expand Up @@ -580,7 +580,7 @@ export interface NgbSingleSlideEvent {
/**
* The slide event direction.
*
* <span class="badge bg-info text-dark">since 12.0.0</span> Possible values are `'start' | 'end'`.
* <span class="badge text-bg-info">since 12.0.0</span> Possible values are `'start' | 'end'`.
*
* <span class="badge bg-secondary">before 12.0.0</span> Possible values were `'left' | 'right'`.
*/
Expand Down
2 changes: 1 addition & 1 deletion ssr-app/src/app/components/modal.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ function getDismissReason(reason: any): string {
</div>
<div class="modal-body">Hello from modal</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="modal.close('Save click')">Save</button>
<button type="button" class="btn btn-outline-secondary" (click)="modal.close('Save click')">Save</button>
</div>
</ng-template>

Expand Down
Loading