mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
fix(ShareSheet): incorrect scrollbar height in some browsers (#6207)
This commit is contained in:
parent
8b328eabed
commit
cee33cb6dd
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user