diff --git a/src/pages/list/basic-list/style.less b/src/pages/list/basic-list/style.less deleted file mode 100644 index 2d3a58cc..00000000 --- a/src/pages/list/basic-list/style.less +++ /dev/null @@ -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; - } -} diff --git a/src/pages/list/basic-list/utils/utils.less b/src/pages/list/basic-list/utils/utils.less deleted file mode 100644 index de1aa642..00000000 --- a/src/pages/list/basic-list/utils/utils.less +++ /dev/null @@ -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; - } -} diff --git a/src/pages/list/card-list/style.less b/src/pages/list/card-list/style.less deleted file mode 100644 index 24a5bc67..00000000 --- a/src/pages/list/card-list/style.less +++ /dev/null @@ -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; - } - } -} diff --git a/src/pages/list/card-list/utils/utils.less b/src/pages/list/card-list/utils/utils.less deleted file mode 100644 index de1aa642..00000000 --- a/src/pages/list/card-list/utils/utils.less +++ /dev/null @@ -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; - } -} diff --git a/src/pages/list/search/applications/components/StandardFormRow/index.less b/src/pages/list/search/applications/components/StandardFormRow/index.less deleted file mode 100644 index 4067215f..00000000 --- a/src/pages/list/search/applications/components/StandardFormRow/index.less +++ /dev/null @@ -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; - } - } -} diff --git a/src/pages/list/search/applications/components/TagSelect/index.less b/src/pages/list/search/applications/components/TagSelect/index.less deleted file mode 100644 index f366c587..00000000 --- a/src/pages/list/search/applications/components/TagSelect/index.less +++ /dev/null @@ -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; - } -} diff --git a/src/pages/list/search/applications/style.less b/src/pages/list/search/applications/style.less deleted file mode 100644 index 3daa5c3e..00000000 --- a/src/pages/list/search/applications/style.less +++ /dev/null @@ -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; - } - } - } -} diff --git a/src/pages/list/search/applications/utils/utils.less b/src/pages/list/search/applications/utils/utils.less deleted file mode 100644 index de1aa642..00000000 --- a/src/pages/list/search/applications/utils/utils.less +++ /dev/null @@ -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; - } -} diff --git a/src/pages/list/search/articles/components/ArticleListContent/index.less b/src/pages/list/search/articles/components/ArticleListContent/index.less deleted file mode 100644 index eca0811c..00000000 --- a/src/pages/list/search/articles/components/ArticleListContent/index.less +++ /dev/null @@ -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; - } - } - } -} diff --git a/src/pages/list/search/articles/components/StandardFormRow/index.less b/src/pages/list/search/articles/components/StandardFormRow/index.less deleted file mode 100644 index d619cd2c..00000000 --- a/src/pages/list/search/articles/components/StandardFormRow/index.less +++ /dev/null @@ -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; - } - } -} diff --git a/src/pages/list/search/articles/components/TagSelect/index.less b/src/pages/list/search/articles/components/TagSelect/index.less deleted file mode 100644 index b174f042..00000000 --- a/src/pages/list/search/articles/components/TagSelect/index.less +++ /dev/null @@ -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; - } -} diff --git a/src/pages/list/search/articles/style.less b/src/pages/list/search/articles/style.less deleted file mode 100644 index 0289b64e..00000000 --- a/src/pages/list/search/articles/style.less +++ /dev/null @@ -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; - } -} diff --git a/src/pages/list/search/projects/components/AvatarList/index.less b/src/pages/list/search/projects/components/AvatarList/index.less deleted file mode 100644 index a7a3d441..00000000 --- a/src/pages/list/search/projects/components/AvatarList/index.less +++ /dev/null @@ -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; - } - } - } -} diff --git a/src/pages/list/search/projects/components/StandardFormRow/index.less b/src/pages/list/search/projects/components/StandardFormRow/index.less deleted file mode 100644 index d619cd2c..00000000 --- a/src/pages/list/search/projects/components/StandardFormRow/index.less +++ /dev/null @@ -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; - } - } -} diff --git a/src/pages/list/search/projects/components/TagSelect/index.less b/src/pages/list/search/projects/components/TagSelect/index.less deleted file mode 100644 index b174f042..00000000 --- a/src/pages/list/search/projects/components/TagSelect/index.less +++ /dev/null @@ -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; - } -} diff --git a/src/pages/list/search/projects/style.less b/src/pages/list/search/projects/style.less deleted file mode 100644 index e2cf6787..00000000 --- a/src/pages/list/search/projects/style.less +++ /dev/null @@ -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%; - } - } -}