blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

style: add safe-area mixin (#8062)

Browse Source
This commit is contained in:
neverland 2021-02-02 20:28:26 +08:00 committed by GitHub
parent 8ac3f43189
commit f630e7515b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/action-bar/index.less
View File

@ -1,4 +1,5 @@
@import '../style/var';
@import '../style/mixins/safe-area.less';
.van-action-bar {
position: fixed;
@ -9,9 +10,8 @@
align-items: center;
box-sizing: content-box;
height: @action-bar-height;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: @action-bar-background-color;
.safe-area-inset-bottom();
&--unfit {
padding-bottom: 0;

4
src/address-list/index.less
View File

@ -1,4 +1,5 @@
@import '../style/var';
@import '../style/mixins/safe-area.less';
.van-address-list {
box-sizing: border-box;
@ -13,9 +14,8 @@
box-sizing: border-box;
width: 100%;
padding: 0 @padding-md;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: @white;
.safe-area-inset-bottom();
}
&__add {

4
src/calendar/index.less
View File

@ -1,4 +1,5 @@
@import '../style/var';
@import '../style/mixins/safe-area.less';
.van-calendar {
display: flex;
@ -173,8 +174,7 @@
&__footer {
flex-shrink: 0;
padding: 0 @padding-md;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.safe-area-inset-bottom();
&--unfit {
padding-bottom: 0;

4
src/contact-list/index.less
View File

@ -1,4 +1,5 @@
@import '../style/var';
@import '../style/mixins/safe-area.less';
.van-contact-list {
box-sizing: border-box;
@ -42,9 +43,8 @@
left: 0;
z-index: @contact-list-add-button-z-index;
padding: 0 @padding-md;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: @white;
.safe-area-inset-bottom();
}
&__add {

4
src/popup/index.less
View File

@ -1,4 +1,5 @@
@import '../style/var';
@import '../style/mixins/safe-area.less';
.van {
&-overflow-hidden {
@ -64,8 +65,7 @@
}
&--safe-area-inset-bottom {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.safe-area-inset-bottom();
}
&-slide-top-enter-active,

4
src/style/mixins/safe-area.less Normal file
View File

@ -0,0 +1,4 @@
.safe-area-inset-bottom() {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}

4
src/submit-bar/index.less
View File

@ -1,4 +1,5 @@
@import '../style/var';
@import '../style/mixins/safe-area.less';
.van-submit-bar {
position: fixed;
@ -6,10 +7,9 @@
left: 0;
z-index: @submit-bar-z-index;
width: 100%;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: @submit-bar-background-color;
user-select: none;
.safe-area-inset-bottom();
&__tip {
padding: @submit-bar-tip-padding;

4
src/tabbar/index.less
View File

@ -1,4 +1,5 @@
@import '../style/var';
@import '../style/mixins/safe-area.less';
.van-tabbar {
z-index: @tabbar-z-index;
@ -6,9 +7,8 @@
box-sizing: content-box;
width: 100%;
height: @tabbar-height;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: @tabbar-background-color;
.safe-area-inset-bottom();
&--fixed {
position: fixed;