Commit ba310412 authored by ddcat1115's avatar ddcat1115

update style for profile and DescriptionList

parent 348c62be
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
} }
.term { .term {
line-height: 22px;
padding-bottom: 16px; padding-bottom: 16px;
margin-right: 8px; margin-right: 8px;
color: @heading-color; color: @heading-color;
...@@ -32,6 +33,7 @@ ...@@ -32,6 +33,7 @@
} }
.detail { .detail {
line-height: 22px;
width: 100%; width: 100%;
padding-bottom: 16px; padding-bottom: 16px;
color: @text-color; color: @text-color;
...@@ -52,10 +54,17 @@ ...@@ -52,10 +54,17 @@
} }
.descriptionListSmall { .descriptionListSmall {
// offset the padding-bottom of last row
:global {
.ant-row {
margin-bottom: -8px;
}
}
.title { .title {
margin-bottom: 12px; margin-bottom: 12px;
color: @text-color;
} }
.term { .term, .detail {
padding-bottom: 8px; padding-bottom: 8px;
} }
} }
......
...@@ -90,7 +90,7 @@ const popoverContent = ( ...@@ -90,7 +90,7 @@ const popoverContent = (
<div style={{ width: 160 }}> <div style={{ width: 160 }}>
吴加号 吴加号
<span className={styles.textSecondary} style={{ float: 'right' }}> <span className={styles.textSecondary} style={{ float: 'right' }}>
<Badge status="default" text="未响应" /> <Badge status="default" text={<span style={{ color: 'rgba(0, 0, 0, 0.45)' }}>未响应</span>} />
</span> </span>
<p className={styles.textSecondary} style={{ marginTop: 4 }} >耗时2小时25分钟</p> <p className={styles.textSecondary} style={{ marginTop: 4 }} >耗时2小时25分钟</p>
</div> </div>
...@@ -260,14 +260,14 @@ export default class AdvancedProfile extends Component { ...@@ -260,14 +260,14 @@ export default class AdvancedProfile extends Component {
<Description term="过期时间">2017-08-08</Description> <Description term="过期时间">2017-08-08</Description>
<Description term="描述">这段描述很长很长很长很长很长很长很长很长很长很长很长很长很长很长...</Description> <Description term="描述">这段描述很长很长很长很长很长很长很长很长很长很长很长很长很长很长...</Description>
</DescriptionList> </DescriptionList>
<Divider style={{ marginBottom: 16 }} /> <Divider style={{ margin: '16px 0' }} />
<DescriptionList style={{ marginBottom: 16 }} title="组名称" col="1"> <DescriptionList size="small" style={{ marginBottom: 16 }} title="组名称" col="1">
<Description term="学名"> <Description term="学名">
Citrullus lanatus (Thunb.) Matsum. et Nakai一年生蔓生藤本枝粗壮具明显的棱卷须较粗.. Citrullus lanatus (Thunb.) Matsum. et Nakai一年生蔓生藤本枝粗壮具明显的棱卷须较粗..
</Description> </Description>
</DescriptionList> </DescriptionList>
<Divider style={{ marginBottom: 16 }} /> <Divider style={{ margin: '16px 0' }} />
<DescriptionList title="组名称"> <DescriptionList size="small" title="组名称">
<Description term="负责人">付小小</Description> <Description term="负责人">付小小</Description>
<Description term="角色码">1234568</Description> <Description term="角色码">1234568</Description>
</DescriptionList> </DescriptionList>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment