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; line-height: @picker-text-height - 2 * @border-width-base - @padding-xs / 2;
text-align: left; text-align: left;
list-style: none; list-style: none;
margin-bottom: 0;
> li { > li {
display: inline-block; display: inline-block;

View File

@ -254,7 +254,7 @@
@input-bg: transparent; @input-bg: transparent;
@input-placeholder-color: fade(@white, 30%); @input-placeholder-color: fade(@white, 30%);
@input-number-handler-bg: transparent; @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%); @input-icon-hover-color: fade(@white, 85%);
// Select // Select

View File

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

View File

@ -157,7 +157,7 @@
"@types/warning": "^3.0.0", "@types/warning": "^3.0.0",
"@typescript-eslint/eslint-plugin": "^2.0.0", "@typescript-eslint/eslint-plugin": "^2.0.0",
"@typescript-eslint/parser": "^2.10.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", "antd-theme-generator": "^1.1.6",
"babel-eslint": "^10.0.1", "babel-eslint": "^10.0.1",
"babel-plugin-add-react-displayname": "^0.0.5", "babel-plugin-add-react-displayname": "^0.0.5",

View File

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

View File

@ -369,7 +369,11 @@ class MainContent extends Component {
</section> </section>
{componentPage && ( {componentPage && (
<div className="fixed-widgets"> <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 <Avatar
className={classNames('fixed-widgets-avatar', `fixed-widgets-avatar-${theme}`)} className={classNames('fixed-widgets-avatar', `fixed-widgets-avatar-${theme}`)}
size={44} size={44}