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

fix(segment): height fits content (#16511)

Browse Source 
* fix(segment): height fits content

* fix segment
This commit is contained in:
Manu MA
2018-11-29 18:32:18 +01:00
committed by GitHub
parent 2d33c63c52
commit aa61e818a5
3 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,7 +46,7 @@
flex: 1 0 auto; flex: 1 0 auto;
flex-direction: column; flex-direction: column;
height: 100%; height: auto;
border-width: var(--border-width); border-width: var(--border-width);
border-style: var(--border-style); border-style: var(--border-style);
@ -92,7 +92,7 @@
min-width: inherit; min-width: inherit;
max-width: inherit; max-width: inherit;
height: 100%; height: auto;
min-height: inherit; min-height: inherit;
max-height: inherit; max-height: inherit;

1
core/src/components/segment/segment.scss
View File

@ -8,7 +8,6 @@
display: flex; display: flex;
flex: 1;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

16
core/src/components/segment/test/bug/index.html Normal file
View File

@ -0,0 +1,16 @@
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet">
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
<script src="../../../../../dist/ionic.js"></script>
<ion-segment>
<ion-segment-button value="all" checked>
<ion-label>
All
</ion-label>
</ion-segment-button>
<ion-segment-button value="favorites">
<ion-label>
Favorites
</ion-label>
</ion-segment-button>
</ion-segment>