diff --git a/web-react/src/assets/style/lib/form.less b/web-react/src/assets/style/lib/form.less index 7725cf9..7f8a7ee 100644 --- a/web-react/src/assets/style/lib/form.less +++ b/web-react/src/assets/style/lib/form.less @@ -45,7 +45,9 @@ .ant-mentions, .ant-select-selector, .ant-input-group-addon, - .ant-cascader-picker { + .ant-cascader-picker, + .ant-input-affix-wrapper, + .ant-picker { z-index: 1; text-align: left; @@ -64,11 +66,23 @@ box-shadow: @box-shadow-focused; } + .unfoucs { + z-index: 1 !important; + + box-shadow: none; + } .ant-input { &:focus { .focus(); } } + .ant-input-affix-wrapper { + >.ant-input { + &:focus { + .unfoucs(); + } + } + } .ant-input-number-focused, .ant-mentions-focused { .focus(); @@ -85,6 +99,18 @@ .focus(); } } + .ant-input-affix-wrapper:focus, + .ant-input-affix-wrapper-focused { + .focus(); + } + .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) { + .ant-select-selector { + .focus(); + } + } + .ant-picker-focused { + .focus(); + } .ant-input-group { .ant-row-flex { .ant-select { @@ -205,8 +231,8 @@ h3, h4, h5 { - margin-top: @padding-sm; - padding: 0 @padding-md; + margin: 0; + padding: @padding-sm @padding-md @padding-xs; } .yo-form-group { margin-bottom: 0; diff --git a/web-react/src/assets/style/lib/icon-selector.less b/web-react/src/assets/style/lib/icon-selector.less index b7d0dc6..3438d23 100644 --- a/web-react/src/assets/style/lib/icon-selector.less +++ b/web-react/src/assets/style/lib/icon-selector.less @@ -13,11 +13,10 @@ } .ant-tabs { height: 100%; - .ant-tabs-left-content { + .ant-tabs-content-left { position: relative; height: 100%; - padding: 0; .ant-tabs-tabpane { position: absolute; top: 0; diff --git a/web-react/src/assets/style/lib/list.less b/web-react/src/assets/style/lib/list.less index 557c469..f8a937f 100644 --- a/web-react/src/assets/style/lib/list.less +++ b/web-react/src/assets/style/lib/list.less @@ -44,4 +44,12 @@ } } } + .ant-list-item { + transition: @animation-duration-slow; + transition-property: background, border-bottom-color; + &:hover { + border-bottom-color: lighten(@primary-color, 30%); + background: linear-gradient(90deg, transparent 10%, @background-color-light 70%, transparent); + } + } } diff --git a/web-react/src/assets/style/lib/table.less b/web-react/src/assets/style/lib/table.less index df5993a..6d9e08d 100644 --- a/web-react/src/assets/style/lib/table.less +++ b/web-react/src/assets/style/lib/table.less @@ -23,8 +23,26 @@ } } -.ant-table { - background-color: @white; +.ant-table-thead { + th.ant-table-column-has-sorters { + &:hover { + background-color: darken(@background-color-base, 5%); + } + } +} + +.ant-table-tbody { + >tr { + >td { + transition-property: background, border-bottom-color; + } + } + + >tr.ant-table-row:hover { + >td { + border-bottom-color: lighten(@primary-color, 30%); + } + } } .ant-table-small { @@ -54,6 +72,10 @@ } .yo-table { + .ant-table { + margin: 0 !important; + } + .border-right-none() { border-right-width: 0 !important; @@ -126,8 +148,10 @@ } } - .ant-table-pagination { - float: none; + .ant-table-bordered { + >.ant-table-container { + border-top: @border-width-base @border-style-base @table-border-color; + } } } diff --git a/web-react/src/assets/style/lib/tree-layout.less b/web-react/src/assets/style/lib/tree-layout.less index 5bab956..4b1cc97 100644 --- a/web-react/src/assets/style/lib/tree-layout.less +++ b/web-react/src/assets/style/lib/tree-layout.less @@ -27,6 +27,8 @@ text-align: right; >.anticon { + margin-left: @padding-xs; + cursor: pointer; color: fade(@black, 50%); @@ -60,4 +62,7 @@ background-color: fade(@black, 45%); } } + .ant-tree { + color: fade(@black, 60%); + } } diff --git a/web-react/src/assets/style/theme/primary.less b/web-react/src/assets/style/theme/primary.less index df6057f..3d4f9b8 100644 --- a/web-react/src/assets/style/theme/primary.less +++ b/web-react/src/assets/style/theme/primary.less @@ -2,3 +2,4 @@ @primary-color: #007bff; @font-size-base: 13px; @border-radius-base: 0; +@border-color-split: hsv(0, 0, 90%); diff --git a/web-react/src/components/query-list/index.jsx b/web-react/src/components/query-list/index.jsx index 637480b..28a2d7e 100644 --- a/web-react/src/components/query-list/index.jsx +++ b/web-react/src/components/query-list/index.jsx @@ -1,5 +1,5 @@ import React, { Component } from 'react' -import { Button, Form, List, Pagination, Spin } from 'antd' +import { Button, Form, List, Pagination, Spin, Tooltip } from 'antd' import { AntIcon } from 'components' export default class QueryList extends Component { @@ -148,12 +148,15 @@ export default class QueryList extends Component { layout="inline" ref={this.form} onFinish={(value) => this.onQuery(value)} + initialValues={this.props.queryInitialValues} > {query}
暂无数据
+暂无数据
+