Browse Source
feat(list): remove less (#10938)
* feat: remove less
* feat: remove less
* feat: reset lock file
* feat: reset lock file
pull/10966/head
kiner-tang(文辉)
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
16 changed files with
0 additions and
1039 deletions
-
src/pages/list/basic-list/style.less
-
src/pages/list/basic-list/utils/utils.less
-
src/pages/list/card-list/style.less
-
src/pages/list/card-list/utils/utils.less
-
src/pages/list/search/applications/components/StandardFormRow/index.less
-
src/pages/list/search/applications/components/TagSelect/index.less
-
src/pages/list/search/applications/style.less
-
src/pages/list/search/applications/utils/utils.less
-
src/pages/list/search/articles/components/ArticleListContent/index.less
-
src/pages/list/search/articles/components/StandardFormRow/index.less
-
src/pages/list/search/articles/components/TagSelect/index.less
-
src/pages/list/search/articles/style.less
-
src/pages/list/search/projects/components/AvatarList/index.less
-
src/pages/list/search/projects/components/StandardFormRow/index.less
-
src/pages/list/search/projects/components/TagSelect/index.less
-
src/pages/list/search/projects/style.less
|
|
|
@ -1,195 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
@import './utils/utils.less'; |
|
|
|
|
|
|
|
.standardList { |
|
|
|
:global { |
|
|
|
.ant-card-head { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
.ant-card-head-title { |
|
|
|
padding: 24px 0; |
|
|
|
line-height: 32px; |
|
|
|
} |
|
|
|
.ant-card-extra { |
|
|
|
padding: 24px 0; |
|
|
|
} |
|
|
|
.ant-list-pagination { |
|
|
|
margin-top: 24px; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.ant-avatar-lg { |
|
|
|
width: 48px; |
|
|
|
height: 48px; |
|
|
|
line-height: 48px; |
|
|
|
} |
|
|
|
} |
|
|
|
.headerInfo { |
|
|
|
position: relative; |
|
|
|
text-align: center; |
|
|
|
& > span { |
|
|
|
display: inline-block; |
|
|
|
margin-bottom: 4px; |
|
|
|
color: @text-color-secondary; |
|
|
|
font-size: @font-size-base; |
|
|
|
line-height: 22px; |
|
|
|
} |
|
|
|
& > p { |
|
|
|
margin: 0; |
|
|
|
color: @heading-color; |
|
|
|
font-size: 24px; |
|
|
|
line-height: 32px; |
|
|
|
} |
|
|
|
& > em { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
width: 1px; |
|
|
|
height: 56px; |
|
|
|
background-color: @border-color-split; |
|
|
|
} |
|
|
|
} |
|
|
|
.listContent { |
|
|
|
font-size: 0; |
|
|
|
.listContentItem { |
|
|
|
display: inline-block; |
|
|
|
margin-left: 40px; |
|
|
|
color: @text-color-secondary; |
|
|
|
font-size: @font-size-base; |
|
|
|
vertical-align: middle; |
|
|
|
> span { |
|
|
|
line-height: 20px; |
|
|
|
} |
|
|
|
> p { |
|
|
|
margin-top: 4px; |
|
|
|
margin-bottom: 0; |
|
|
|
line-height: 22px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.extraContentSearch { |
|
|
|
width: 272px; |
|
|
|
margin-left: 16px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-xs) { |
|
|
|
.standardList { |
|
|
|
:global { |
|
|
|
.ant-list-item-content { |
|
|
|
display: block; |
|
|
|
flex: none; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.ant-list-item-action { |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.listContent { |
|
|
|
margin-left: 0; |
|
|
|
& > div { |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.listCard { |
|
|
|
:global { |
|
|
|
.ant-card-head-title { |
|
|
|
overflow: visible; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-sm) { |
|
|
|
.standardList { |
|
|
|
.extraContentSearch { |
|
|
|
width: 100%; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
.headerInfo { |
|
|
|
margin-bottom: 16px; |
|
|
|
& > em { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-md) { |
|
|
|
.standardList { |
|
|
|
.listContent { |
|
|
|
& > div { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
& > div:last-child { |
|
|
|
top: 0; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.listCard { |
|
|
|
:global { |
|
|
|
.ant-radio-group { |
|
|
|
display: block; |
|
|
|
margin-bottom: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-lg) and (min-width: @screen-md) { |
|
|
|
.standardList { |
|
|
|
.listContent { |
|
|
|
& > div { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
& > div:last-child { |
|
|
|
top: 0; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-xl) { |
|
|
|
.standardList { |
|
|
|
.listContent { |
|
|
|
& > div { |
|
|
|
margin-left: 24px; |
|
|
|
} |
|
|
|
& > div:last-child { |
|
|
|
top: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: 1400px) { |
|
|
|
.standardList { |
|
|
|
.listContent { |
|
|
|
text-align: right; |
|
|
|
& > div:last-child { |
|
|
|
top: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.standardListForm { |
|
|
|
:global { |
|
|
|
.ant-form-item { |
|
|
|
margin-bottom: 12px; |
|
|
|
&:last-child { |
|
|
|
margin-bottom: 32px; |
|
|
|
padding-top: 4px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.formResult { |
|
|
|
width: 100%; |
|
|
|
[class^='title'] { |
|
|
|
margin-bottom: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,50 +0,0 @@ |
|
|
|
.textOverflow() { |
|
|
|
overflow: hidden; |
|
|
|
white-space: nowrap; |
|
|
|
text-overflow: ellipsis; |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
|
|
|
|
.textOverflowMulti(@line: 3, @bg: #fff) { |
|
|
|
position: relative; |
|
|
|
max-height: @line * 1.5em; |
|
|
|
margin-right: -1em; |
|
|
|
padding-right: 1em; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 1.5em; |
|
|
|
text-align: justify; |
|
|
|
&::before { |
|
|
|
position: absolute; |
|
|
|
right: 14px; |
|
|
|
bottom: 0; |
|
|
|
padding: 0 1px; |
|
|
|
background: @bg; |
|
|
|
content: '...'; |
|
|
|
} |
|
|
|
&::after { |
|
|
|
position: absolute; |
|
|
|
right: 14px; |
|
|
|
width: 1em; |
|
|
|
height: 1em; |
|
|
|
margin-top: 0.2em; |
|
|
|
background: white; |
|
|
|
content: ''; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// mixins for clearfix |
|
|
|
// ------------------------ |
|
|
|
.clearfix() { |
|
|
|
zoom: 1; |
|
|
|
&::before, |
|
|
|
&::after { |
|
|
|
display: table; |
|
|
|
content: ' '; |
|
|
|
} |
|
|
|
&::after { |
|
|
|
clear: both; |
|
|
|
height: 0; |
|
|
|
font-size: 0; |
|
|
|
visibility: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,107 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
@import './utils/utils.less'; |
|
|
|
|
|
|
|
.cardList { |
|
|
|
.card { |
|
|
|
:global { |
|
|
|
.ant-card-meta-title { |
|
|
|
margin-bottom: 12px; |
|
|
|
& > a { |
|
|
|
display: inline-block; |
|
|
|
max-width: 100%; |
|
|
|
color: @heading-color; |
|
|
|
} |
|
|
|
} |
|
|
|
.ant-card-body:hover { |
|
|
|
.ant-card-meta-title > a { |
|
|
|
color: @primary-color; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.item { |
|
|
|
height: 64px; |
|
|
|
} |
|
|
|
|
|
|
|
:global { |
|
|
|
.ant-list .ant-list-item-content-single { |
|
|
|
max-width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.extraImg { |
|
|
|
width: 155px; |
|
|
|
margin-top: -20px; |
|
|
|
text-align: center; |
|
|
|
img { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.newButton { |
|
|
|
width: 100%; |
|
|
|
height: 201px; |
|
|
|
color: @text-color-secondary; |
|
|
|
background-color: @component-background; |
|
|
|
border-color: @border-color-base; |
|
|
|
} |
|
|
|
|
|
|
|
.cardAvatar { |
|
|
|
width: 48px; |
|
|
|
height: 48px; |
|
|
|
border-radius: 48px; |
|
|
|
} |
|
|
|
|
|
|
|
.cardDescription { |
|
|
|
.textOverflowMulti(); |
|
|
|
} |
|
|
|
|
|
|
|
.pageHeaderContent { |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
|
|
|
|
.contentLink { |
|
|
|
margin-top: 16px; |
|
|
|
a { |
|
|
|
margin-right: 32px; |
|
|
|
img { |
|
|
|
width: 24px; |
|
|
|
} |
|
|
|
} |
|
|
|
img { |
|
|
|
margin-right: 8px; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-lg) { |
|
|
|
.contentLink { |
|
|
|
a { |
|
|
|
margin-right: 16px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media screen and (max-width: @screen-md) { |
|
|
|
.extraImg { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-sm) { |
|
|
|
.pageHeaderContent { |
|
|
|
padding-bottom: 30px; |
|
|
|
} |
|
|
|
.contentLink { |
|
|
|
position: absolute; |
|
|
|
bottom: -4px; |
|
|
|
left: 0; |
|
|
|
width: 1000px; |
|
|
|
a { |
|
|
|
margin-right: 16px; |
|
|
|
} |
|
|
|
img { |
|
|
|
margin-right: 4px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,50 +0,0 @@ |
|
|
|
.textOverflow() { |
|
|
|
overflow: hidden; |
|
|
|
white-space: nowrap; |
|
|
|
text-overflow: ellipsis; |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
|
|
|
|
.textOverflowMulti(@line: 3, @bg: #fff) { |
|
|
|
position: relative; |
|
|
|
max-height: @line * 1.5em; |
|
|
|
margin-right: -1em; |
|
|
|
padding-right: 1em; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 1.5em; |
|
|
|
text-align: justify; |
|
|
|
&::before { |
|
|
|
position: absolute; |
|
|
|
right: 14px; |
|
|
|
bottom: 0; |
|
|
|
padding: 0 1px; |
|
|
|
background: @bg; |
|
|
|
content: '...'; |
|
|
|
} |
|
|
|
&::after { |
|
|
|
position: absolute; |
|
|
|
right: 14px; |
|
|
|
width: 1em; |
|
|
|
height: 1em; |
|
|
|
margin-top: 0.2em; |
|
|
|
background: white; |
|
|
|
content: ''; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// mixins for clearfix |
|
|
|
// ------------------------ |
|
|
|
.clearfix() { |
|
|
|
zoom: 1; |
|
|
|
&::before, |
|
|
|
&::after { |
|
|
|
display: table; |
|
|
|
content: ' '; |
|
|
|
} |
|
|
|
&::after { |
|
|
|
clear: both; |
|
|
|
height: 0; |
|
|
|
font-size: 0; |
|
|
|
visibility: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,87 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.standardFormRow { |
|
|
|
display: flex; |
|
|
|
margin-bottom: 16px; |
|
|
|
padding-bottom: 16px; |
|
|
|
border-bottom: 1px dashed @border-color-split; |
|
|
|
|
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item { |
|
|
|
margin-right: 24px; |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label { |
|
|
|
label { |
|
|
|
margin-right: 0; |
|
|
|
color: @text-color; |
|
|
|
} |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label, |
|
|
|
.ant-form-item-control, |
|
|
|
.ant-legacy-form-item-control { |
|
|
|
padding: 0; |
|
|
|
line-height: 32px; |
|
|
|
} |
|
|
|
} |
|
|
|
.label { |
|
|
|
flex: 0 0 auto; |
|
|
|
margin-right: 24px; |
|
|
|
color: @heading-color; |
|
|
|
font-size: @font-size-base; |
|
|
|
text-align: right; |
|
|
|
& > span { |
|
|
|
display: inline-block; |
|
|
|
height: 32px; |
|
|
|
line-height: 32px; |
|
|
|
&::after { |
|
|
|
content: '：'; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.content { |
|
|
|
flex: 1 1 0; |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item { |
|
|
|
&:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowLast { |
|
|
|
margin-bottom: 0; |
|
|
|
padding-bottom: 0; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowBlock { |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item, |
|
|
|
div.ant-form-item-control-wrapper, |
|
|
|
div.ant-legacy-form-item-control-wrapper { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowGrid { |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item, |
|
|
|
div.ant-form-item-control-wrapper, |
|
|
|
div.ant-legacy-form-item-control-wrapper { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label { |
|
|
|
float: left; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,34 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.tagSelect { |
|
|
|
position: relative; |
|
|
|
max-height: 32px; |
|
|
|
margin-left: -8px; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 32px; |
|
|
|
transition: all 0.3s; |
|
|
|
user-select: none; |
|
|
|
:global { |
|
|
|
.ant-tag { |
|
|
|
margin-right: 24px; |
|
|
|
padding: 0 8px; |
|
|
|
font-size: @font-size-base; |
|
|
|
} |
|
|
|
} |
|
|
|
&.expanded { |
|
|
|
max-height: 200px; |
|
|
|
transition: all 0.3s; |
|
|
|
} |
|
|
|
.trigger { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
|
|
|
|
span.anticon { |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
&.hasExpandTag { |
|
|
|
padding-right: 50px; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,50 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.filterCardList { |
|
|
|
:global { |
|
|
|
.ant-card-meta-content { |
|
|
|
margin-top: 0; |
|
|
|
} |
|
|
|
// disabled white space |
|
|
|
.ant-card-meta-avatar { |
|
|
|
font-size: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-list .ant-list-item-content-single { |
|
|
|
max-width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
.cardInfo { |
|
|
|
margin-top: 16px; |
|
|
|
margin-left: 40px; |
|
|
|
zoom: 1; |
|
|
|
&::before, |
|
|
|
&::after { |
|
|
|
display: table; |
|
|
|
content: ' '; |
|
|
|
} |
|
|
|
&::after { |
|
|
|
clear: both; |
|
|
|
height: 0; |
|
|
|
font-size: 0; |
|
|
|
visibility: hidden; |
|
|
|
} |
|
|
|
& > div { |
|
|
|
position: relative; |
|
|
|
float: left; |
|
|
|
width: 50%; |
|
|
|
text-align: left; |
|
|
|
p { |
|
|
|
margin: 0; |
|
|
|
font-size: 24px; |
|
|
|
line-height: 32px; |
|
|
|
} |
|
|
|
p:first-child { |
|
|
|
margin-bottom: 4px; |
|
|
|
color: @text-color-secondary; |
|
|
|
font-size: 12px; |
|
|
|
line-height: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,50 +0,0 @@ |
|
|
|
.textOverflow() { |
|
|
|
overflow: hidden; |
|
|
|
white-space: nowrap; |
|
|
|
text-overflow: ellipsis; |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
|
|
|
|
.textOverflowMulti(@line: 3, @bg: #fff) { |
|
|
|
position: relative; |
|
|
|
max-height: @line * 1.5em; |
|
|
|
margin-right: -1em; |
|
|
|
padding-right: 1em; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 1.5em; |
|
|
|
text-align: justify; |
|
|
|
&::before { |
|
|
|
position: absolute; |
|
|
|
right: 14px; |
|
|
|
bottom: 0; |
|
|
|
padding: 0 1px; |
|
|
|
background: @bg; |
|
|
|
content: '...'; |
|
|
|
} |
|
|
|
&::after { |
|
|
|
position: absolute; |
|
|
|
right: 14px; |
|
|
|
width: 1em; |
|
|
|
height: 1em; |
|
|
|
margin-top: 0.2em; |
|
|
|
background: white; |
|
|
|
content: ''; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// mixins for clearfix |
|
|
|
// ------------------------ |
|
|
|
.clearfix() { |
|
|
|
zoom: 1; |
|
|
|
&::before, |
|
|
|
&::after { |
|
|
|
display: table; |
|
|
|
content: ' '; |
|
|
|
} |
|
|
|
&::after { |
|
|
|
clear: both; |
|
|
|
height: 0; |
|
|
|
font-size: 0; |
|
|
|
visibility: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,38 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.listContent { |
|
|
|
.description { |
|
|
|
max-width: 720px; |
|
|
|
line-height: 22px; |
|
|
|
} |
|
|
|
.extra { |
|
|
|
margin-top: 16px; |
|
|
|
color: @text-color-secondary; |
|
|
|
line-height: 22px; |
|
|
|
& > :global(.ant-avatar) { |
|
|
|
position: relative; |
|
|
|
top: 1px; |
|
|
|
width: 20px; |
|
|
|
height: 20px; |
|
|
|
margin-right: 8px; |
|
|
|
vertical-align: top; |
|
|
|
} |
|
|
|
& > em { |
|
|
|
margin-left: 16px; |
|
|
|
color: @disabled-color; |
|
|
|
font-style: normal; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-xs) { |
|
|
|
.listContent { |
|
|
|
.extra { |
|
|
|
& > em { |
|
|
|
display: block; |
|
|
|
margin-top: 8px; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,88 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.standardFormRow { |
|
|
|
display: flex; |
|
|
|
width: 100%; |
|
|
|
margin-bottom: 16px; |
|
|
|
padding-bottom: 16px; |
|
|
|
border-bottom: 1px dashed @border-color-split; |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item { |
|
|
|
margin-right: 24px; |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label { |
|
|
|
label { |
|
|
|
margin-right: 0; |
|
|
|
color: @text-color; |
|
|
|
} |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label, |
|
|
|
.ant-form-item-control, |
|
|
|
.ant-legacy-form-item-control { |
|
|
|
padding: 0; |
|
|
|
line-height: 32px; |
|
|
|
} |
|
|
|
} |
|
|
|
.label { |
|
|
|
flex: 0 0 auto; |
|
|
|
margin-right: 24px; |
|
|
|
color: @heading-color; |
|
|
|
font-size: @font-size-base; |
|
|
|
text-align: right; |
|
|
|
& > span { |
|
|
|
display: inline-block; |
|
|
|
height: 32px; |
|
|
|
line-height: 32px; |
|
|
|
&::after { |
|
|
|
content: '：'; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.content { |
|
|
|
flex: 1 1 0; |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item { |
|
|
|
&:last-child { |
|
|
|
display: block; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowLast { |
|
|
|
margin-bottom: 0; |
|
|
|
padding-bottom: 0; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowBlock { |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item, |
|
|
|
div.ant-form-item-control-wrapper, |
|
|
|
div.ant-legacy-form-item-control-wrapper { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowGrid { |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item, |
|
|
|
div.ant-form-item-control-wrapper, |
|
|
|
div.ant-legacy-form-item-control-wrapper { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label { |
|
|
|
float: left; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,33 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.tagSelect { |
|
|
|
position: relative; |
|
|
|
max-height: 32px; |
|
|
|
margin-left: -8px; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 32px; |
|
|
|
transition: all 0.3s; |
|
|
|
user-select: none; |
|
|
|
:global { |
|
|
|
.ant-tag { |
|
|
|
margin-right: 24px; |
|
|
|
padding: 0 8px; |
|
|
|
font-size: @font-size-base; |
|
|
|
} |
|
|
|
} |
|
|
|
&.expanded { |
|
|
|
max-height: 200px; |
|
|
|
transition: all 0.3s; |
|
|
|
} |
|
|
|
.trigger { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
span.anticon { |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
&.hasExpandTag { |
|
|
|
padding-right: 50px; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,31 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.listItemMetaTitle { |
|
|
|
color: @heading-color; |
|
|
|
} |
|
|
|
.listItemExtra { |
|
|
|
width: 272px; |
|
|
|
height: 1px; |
|
|
|
} |
|
|
|
.selfTrigger { |
|
|
|
margin-left: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: @screen-xs) { |
|
|
|
.selfTrigger { |
|
|
|
display: block; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
@media screen and (max-width: @screen-md) { |
|
|
|
.selfTrigger { |
|
|
|
display: block; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
@media screen and (max-width: @screen-lg) { |
|
|
|
.listItemExtra { |
|
|
|
width: 0; |
|
|
|
height: 1px; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,50 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.avatarList { |
|
|
|
display: inline-block; |
|
|
|
ul { |
|
|
|
display: inline-block; |
|
|
|
margin-left: 8px; |
|
|
|
font-size: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.avatarItem { |
|
|
|
display: inline-block; |
|
|
|
width: @avatar-size-base; |
|
|
|
height: @avatar-size-base; |
|
|
|
margin-left: -8px; |
|
|
|
font-size: @font-size-base; |
|
|
|
:global { |
|
|
|
.ant-avatar { |
|
|
|
border: 1px solid @border-color-base; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.avatarItemLarge { |
|
|
|
width: @avatar-size-lg; |
|
|
|
height: @avatar-size-lg; |
|
|
|
} |
|
|
|
|
|
|
|
.avatarItemSmall { |
|
|
|
width: @avatar-size-sm; |
|
|
|
height: @avatar-size-sm; |
|
|
|
} |
|
|
|
|
|
|
|
.avatarItemMini { |
|
|
|
width: 20px; |
|
|
|
height: 20px; |
|
|
|
:global { |
|
|
|
.ant-avatar { |
|
|
|
width: 20px; |
|
|
|
height: 20px; |
|
|
|
line-height: 20px; |
|
|
|
|
|
|
|
.ant-avatar-string { |
|
|
|
font-size: 12px; |
|
|
|
line-height: 18px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,88 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.standardFormRow { |
|
|
|
display: flex; |
|
|
|
width: 100%; |
|
|
|
margin-bottom: 16px; |
|
|
|
padding-bottom: 16px; |
|
|
|
border-bottom: 1px dashed @border-color-split; |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item { |
|
|
|
margin-right: 24px; |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label { |
|
|
|
label { |
|
|
|
margin-right: 0; |
|
|
|
color: @text-color; |
|
|
|
} |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label, |
|
|
|
.ant-form-item-control, |
|
|
|
.ant-legacy-form-item-control { |
|
|
|
padding: 0; |
|
|
|
line-height: 32px; |
|
|
|
} |
|
|
|
} |
|
|
|
.label { |
|
|
|
flex: 0 0 auto; |
|
|
|
margin-right: 24px; |
|
|
|
color: @heading-color; |
|
|
|
font-size: @font-size-base; |
|
|
|
text-align: right; |
|
|
|
& > span { |
|
|
|
display: inline-block; |
|
|
|
height: 32px; |
|
|
|
line-height: 32px; |
|
|
|
&::after { |
|
|
|
content: '：'; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.content { |
|
|
|
flex: 1 1 0; |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item { |
|
|
|
&:last-child { |
|
|
|
display: block; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowLast { |
|
|
|
margin-bottom: 0; |
|
|
|
padding-bottom: 0; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowBlock { |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item, |
|
|
|
div.ant-form-item-control-wrapper, |
|
|
|
div.ant-legacy-form-item-control-wrapper { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.standardFormRowGrid { |
|
|
|
:global { |
|
|
|
.ant-form-item, |
|
|
|
.ant-legacy-form-item, |
|
|
|
div.ant-form-item-control-wrapper, |
|
|
|
div.ant-legacy-form-item-control-wrapper { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.ant-form-item-label, |
|
|
|
.ant-legacy-form-item-label { |
|
|
|
float: left; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,33 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
|
|
|
|
.tagSelect { |
|
|
|
position: relative; |
|
|
|
max-height: 32px; |
|
|
|
margin-left: -8px; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 32px; |
|
|
|
transition: all 0.3s; |
|
|
|
user-select: none; |
|
|
|
:global { |
|
|
|
.ant-tag { |
|
|
|
margin-right: 24px; |
|
|
|
padding: 0 8px; |
|
|
|
font-size: @font-size-base; |
|
|
|
} |
|
|
|
} |
|
|
|
&.expanded { |
|
|
|
max-height: 200px; |
|
|
|
transition: all 0.3s; |
|
|
|
} |
|
|
|
.trigger { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
span.anticon { |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
&.hasExpandTag { |
|
|
|
padding-right: 50px; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1,55 +0,0 @@ |
|
|
|
@import '~antd/es/style/themes/default.less'; |
|
|
|
@import './utils/utils.less'; |
|
|
|
|
|
|
|
.coverCardList { |
|
|
|
.card { |
|
|
|
:global { |
|
|
|
.ant-card-meta-title { |
|
|
|
margin-bottom: 4px; |
|
|
|
& > a { |
|
|
|
display: inline-block; |
|
|
|
max-width: 100%; |
|
|
|
color: @heading-color; |
|
|
|
} |
|
|
|
} |
|
|
|
.ant-card-meta-description { |
|
|
|
height: 44px; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 22px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&:hover { |
|
|
|
:global { |
|
|
|
.ant-card-meta-title > a { |
|
|
|
color: @primary-color; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.cardItemContent { |
|
|
|
display: flex; |
|
|
|
height: 20px; |
|
|
|
margin-top: 16px; |
|
|
|
margin-bottom: -4px; |
|
|
|
line-height: 20px; |
|
|
|
& > span { |
|
|
|
flex: 1; |
|
|
|
color: @text-color-secondary; |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
.avatarList { |
|
|
|
flex: 0 1 auto; |
|
|
|
} |
|
|
|
} |
|
|
|
.cardList { |
|
|
|
margin-top: 24px; |
|
|
|
} |
|
|
|
|
|
|
|
:global { |
|
|
|
.ant-list .ant-list-item-content-single { |
|
|
|
max-width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
