fix: Picker margin-bottom

This commit is contained in:
ycjcl868 2019-12-31 13:50:30 +08:00
parent 0903e3924c
commit e7663800c6
6 changed files with 19 additions and 3 deletions

View File

@ -209,6 +209,7 @@
line-height: @picker-text-height - 2 * @border-width-base - @padding-xs / 2;
text-align: left;
list-style: none;
margin-bottom: 0;
> li {
display: inline-block;

View File

@ -254,7 +254,7 @@
@input-bg: transparent;
@input-placeholder-color: fade(@white, 30%);
@input-number-handler-bg: transparent;
@input-number-handler-active-bg: @popover-background;
@input-number-handler-active-bg: @item-hover-bg;
@input-icon-hover-color: fade(@white, 85%);
// Select

View File

@ -49,3 +49,9 @@ ReactDOM.render(
margin-bottom: 8px;
}
```
<style>
.code-box-demo .ant-tag {
margin-bottom: 8px;
}
<style>

View File

@ -157,7 +157,7 @@
"@types/warning": "^3.0.0",
"@typescript-eslint/eslint-plugin": "^2.0.0",
"@typescript-eslint/parser": "^2.10.0",
"antd-pro-merge-less": "^2.0.26",
"antd-pro-merge-less": "^2.0.28",
"antd-theme-generator": "^1.1.6",
"babel-eslint": "^10.0.1",
"babel-plugin-add-react-displayname": "^0.0.5",

View File

@ -182,6 +182,11 @@ a {
bottom: 102px;
z-index: 2147483640;
cursor: pointer;
&-tooltip {
.ant-tooltip-inner {
min-width: 100px;
}
}
& > div {
display: block;
}

View File

@ -369,7 +369,11 @@ class MainContent extends Component {
</section>
{componentPage && (
<div className="fixed-widgets">
<Tooltip title={formatMessage({ id: `app.theme.switch.${theme}` })}>
<Tooltip
getPopupContainer={node => node.parentNode}
title={formatMessage({ id: `app.theme.switch.${theme}` })}
overlayClassName="fixed-widgets-tooltip"
>
<Avatar
className={classNames('fixed-widgets-avatar', `fixed-widgets-avatar-${theme}`)}
size={44}