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

fix(ShareSheet): incorrect scrollbar height in some browsers (#6207)

Browse Source
This commit is contained in:
neverland 2020-05-04 12:52:38 +08:00 committed by GitHub
parent 8b328eabed
commit cee33cb6dd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/share-sheet/index.less
View File

@ -26,8 +26,9 @@
&__options { &__options {
position: relative; position: relative;
display: flex; display: flex;
padding: @padding-md 0 @padding-md @padding-lg; padding: @padding-md 0 @padding-md @padding-xs;
overflow-x: auto; overflow-x: auto;
overflow-y: visible;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
&--border::before { &--border::before {
@ -39,23 +40,22 @@
&::after { &::after {
display: block; display: block;
flex-shrink: 0; flex-shrink: 0;
width: @padding-lg; width: @padding-xs;
content: ''; content: '';
} }
&::-webkit-scrollbar {
height: 0;
}
} }
&__option { &__option {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-right: @share-sheet-option-margin-right;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
&:last-child {
margin-right: 0;
}
&:active { &:active {
opacity: @active-opacity; opacity: @active-opacity;
} }
@ -64,10 +64,12 @@
&__icon { &__icon {
width: @share-sheet-icon-size; width: @share-sheet-icon-size;
height: @share-sheet-icon-size; height: @share-sheet-icon-size;
margin: 0 @padding-md;
} }
&__name { &__name {
margin-top: @padding-xs; margin-top: @padding-xs;
padding: 0 @padding-base;
color: @share-sheet-option-name-color; color: @share-sheet-option-name-color;
font-size: @share-sheet-option-name-font-size; font-size: @share-sheet-option-name-font-size;
} }

1
src/style/var.less
View File

@ -592,7 +592,6 @@
@share-sheet-description-font-size: @font-size-sm; @share-sheet-description-font-size: @font-size-sm;
@share-sheet-description-line-height: 16px; @share-sheet-description-line-height: 16px;
@share-sheet-icon-size: 48px; @share-sheet-icon-size: 48px;
@share-sheet-option-margin-right: @padding-xl;
@share-sheet-option-name-color: @gray-7; @share-sheet-option-name-color: @gray-7;
@share-sheet-option-name-font-size: @font-size-sm; @share-sheet-option-name-font-size: @font-size-sm;
@share-sheet-cancel-button-font-size: @font-size-lg; @share-sheet-cancel-button-font-size: @font-size-lg;