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

refactor(segment-content): use opacity for disabled content

Browse Source
This commit is contained in:
Brandy Carney
2024-10-01 16:04:29 -04:00
parent e6547432e5
commit 641dc0b82a
4 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/segment-content/segment-content.ios.scss Normal file
View File

@ -0,0 +1,9 @@
@import "./segment-content";
@import "../segment-button/segment-button.ios.vars";
// iOS Segment Content
// --------------------------------------------------
:host(.segment-content-disabled) {
opacity: $segment-button-ios-opacity-disabled;
}

9
core/src/components/segment-content/segment-content.md.scss Normal file
View File

@ -0,0 +1,9 @@
@import "./segment-content";
@import "../segment-button/segment-button.md.vars";
// Material Design Segment Content
// --------------------------------------------------
:host(.segment-content-disabled) {
opacity: $segment-button-md-opacity-disabled;
}

4
core/src/components/segment-content/segment-content.scss
View File

@ -8,7 +8,3 @@
width: 100%; width: 100%;
} }
:host(.segment-content-disabled) {
display: none;
}

5
core/src/components/segment-content/segment-content.tsx
View File

@ -3,7 +3,10 @@ import { Component, Host, Prop, h } from '@stencil/core';
@Component({ @Component({
tag: 'ion-segment-content', tag: 'ion-segment-content',
styleUrl: 'segment-content.scss', styleUrls: {
ios: 'segment-content.ios.scss',
md: 'segment-content.md.scss',
},
shadow: true, shadow: true,
}) })
export class SegmentContent implements ComponentInterface { export class SegmentContent implements ComponentInterface {