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

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

View File

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

View File

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