javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(base-components): add ability to remove ios and md theme (#26669)

Browse Source
This commit is contained in:
Liam DeBeasi
2023-01-24 16:18:35 -05:00
committed by GitHub
parent 4d24b328e2
commit 18f109c7da
114 changed files with 1585 additions and 383 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/progress-bar/progress-bar.scss
View File

@ -19,6 +19,12 @@
position: relative;
width: 100%;
/**
* This is set so the progress bar
* is still visible when using base components.
* The iOS/MD styles override this.
*/
height: 4px;
contain: strict;

6
core/src/components/progress-bar/progress-bar.tsx
View File

@ -2,12 +2,13 @@ import type { ComponentInterface } from '@stencil/core';
import { Component, Host, Prop, h } from '@stencil/core';
import { config } from '../../global/config';
import { getIonMode } from '../../global/ionic-global';
import { getIonStylesheet } from '../../global/ionic-global';
import type { Color } from '../../interface';
import { clamp } from '../../utils/helpers';
import { createColorClasses } from '../../utils/theme';
/**
* @virtualProp {true | false} useBase - useBase determines if base components is enabled.
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*
* @part progress - The progress bar that shows the current value when `type` is `"determinate"` and slides back and forth when `type` is `"indeterminate"`.
@ -18,6 +19,7 @@ import { createColorClasses } from '../../utils/theme';
@Component({
tag: 'ion-progress-bar',
styleUrls: {
base: 'progress-bar.scss',
ios: 'progress-bar.ios.scss',
md: 'progress-bar.md.scss',
},
@ -58,7 +60,7 @@ export class ProgressBar implements ComponentInterface {
render() {
const { color, type, reversed, value, buffer } = this;
const paused = config.getBoolean('_testing');
const mode = getIonMode(this);
const mode = getIonStylesheet(this);
return (
<Host
role="progressbar"