test(item): update divider snapshots
@@ -1,5 +1,4 @@
|
||||
@use "../../themes/mixins" as mixins;
|
||||
@use "../../themes/functions.color" as colors;
|
||||
|
||||
// Chip: Common Styles
|
||||
// --------------------------------------------------
|
||||
|
||||
@@ -303,7 +303,7 @@
|
||||
@include mixins.margin(
|
||||
var(--ion-item-divider-header2-trailing-margin-top),
|
||||
var(--ion-item-divider-header2-trailing-margin-end),
|
||||
var(--ion-item-divider-header2-trailing-margin-bottom, 0),
|
||||
var(--ion-item-divider-header2-trailing-margin-bottom),
|
||||
var(--ion-item-divider-header2-trailing-margin-start)
|
||||
);
|
||||
}
|
||||
@@ -321,7 +321,7 @@
|
||||
@include mixins.margin(
|
||||
var(--ion-item-divider-header3-trailing-margin-top),
|
||||
var(--ion-item-divider-header3-trailing-margin-end),
|
||||
var(--ion-item-divider-header3-trailing-margin-bottom, 0),
|
||||
var(--ion-item-divider-header3-trailing-margin-bottom),
|
||||
var(--ion-item-divider-header3-trailing-margin-start)
|
||||
);
|
||||
}
|
||||
@@ -339,7 +339,7 @@
|
||||
@include mixins.margin(
|
||||
var(--ion-item-divider-header4-trailing-margin-top),
|
||||
var(--ion-item-divider-header4-trailing-margin-end),
|
||||
var(--ion-item-divider-header4-trailing-margin-bottom, 0),
|
||||
var(--ion-item-divider-header4-trailing-margin-bottom),
|
||||
var(--ion-item-divider-header4-trailing-margin-start)
|
||||
);
|
||||
}
|
||||
@@ -357,7 +357,7 @@
|
||||
@include mixins.margin(
|
||||
var(--ion-item-divider-header5-trailing-margin-top),
|
||||
var(--ion-item-divider-header5-trailing-margin-end),
|
||||
var(--ion-item-divider-header5-trailing-margin-bottom, 0),
|
||||
var(--ion-item-divider-header5-trailing-margin-bottom),
|
||||
var(--ion-item-divider-header5-trailing-margin-start)
|
||||
);
|
||||
}
|
||||
@@ -375,7 +375,7 @@
|
||||
@include mixins.margin(
|
||||
var(--ion-item-divider-header6-trailing-margin-top),
|
||||
var(--ion-item-divider-header6-trailing-margin-end),
|
||||
var(--ion-item-divider-header6-trailing-margin-bottom, 0),
|
||||
var(--ion-item-divider-header6-trailing-margin-bottom),
|
||||
var(--ion-item-divider-header6-trailing-margin-start)
|
||||
);
|
||||
}
|
||||
|
||||
@@ -71,6 +71,12 @@
|
||||
</ion-item-group>
|
||||
|
||||
<ion-item-group>
|
||||
<ion-item-divider>
|
||||
<ion-icon slot="start" name="sunny"></ion-icon>
|
||||
<ion-icon slot="end" name="partly-sunny"></ion-icon>
|
||||
<ion-label>Light</ion-label>
|
||||
</ion-item-divider>
|
||||
|
||||
<ion-item-divider color="dark">
|
||||
<ion-button slot="start" fill="clear">
|
||||
<ion-icon slot="icon-only" name="cloudy"></ion-icon>
|
||||
@@ -103,9 +109,15 @@
|
||||
<ion-button slot="end" fill="clear" color="danger">
|
||||
<ion-icon name="sunny"></ion-icon>
|
||||
</ion-button>
|
||||
<ion-avatar slot="end">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==" />
|
||||
</ion-avatar>
|
||||
</ion-item-divider>
|
||||
|
||||
<ion-item-divider color="primary">
|
||||
<ion-thumbnail slot="start">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==" />
|
||||
</ion-thumbnail>
|
||||
<ion-label>Primary</ion-label>
|
||||
<ion-thumbnail slot="end">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==" />
|
||||
@@ -122,6 +134,13 @@
|
||||
<ion-label>Column 3</ion-label>
|
||||
</ion-item>
|
||||
</ion-item-group>
|
||||
|
||||
<ion-item-group>
|
||||
<ion-item-divider>
|
||||
<p>Header 2</p>
|
||||
<p>Header 2 Last Child</p>
|
||||
</ion-item-divider>
|
||||
</ion-item-group>
|
||||
</ion-content>
|
||||
|
||||
<style>
|
||||
|
||||
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 53 KiB |