weaver_trunk_cli/pc4mobx/prj/components/portal/prjSelect/prjSelect.less

471 lines
14 KiB
Plaintext

/*
* @Author : lusx
* @Date : 2020-03-02 14:59:45
* @Last Modified by: lusx
* @Last Modified time: 2020-04-02 11:13:50
*/
@p: prj-select;
.@{p}-wraps {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
.@{p}-project_select {
font-size : 15px;
color : #606060;
padding-left : 15px;
height : 100%;
-webkit-user-select: none;
user-select : none;
.@{p}-dropdown-select-label {
margin-right: 5px;
color : #606060;
&:hover {
color: #338fe5;
}
}
}
}
.@{p}-project_select {
color : #b7b8b9;
padding-left: 20px;
font-size : 15px;
transition : 0.2s;
position : relative;
.@{p}-dropdown-select-selected-item {
font-size : 15px;
max-width : 210px;
overflow : hidden;
text-overflow: ellipsis;
white-space : nowrap;
margin-left: -5px;
}
}
.@{p}-dropdown-select {
font-size : 18px;
color : #303030;
font-weight : 500;
cursor : pointer;
display : -webkit-flex;
display : flex;
-webkit-flex-direction: row;
flex-direction : row;
-webkit-align-items : center;
align-items : center;
.@{p}-dropdown-select-selected-item {
display : -webkit-flex;
display : flex;
-webkit-flex-direction: row;
flex-direction : row;
-webkit-align-items : center;
align-items : center;
.@{p}-dropdown-select-selected-item-menu {
-webkit-transform: translateY(0.5px);
transform : translateY(0.5px);
max-width : 180px;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
a {
font-size: 15px !important;
text-decoration: none !important;
transition : 0.2s;
}
}
.anticon {
font-size : 10px;
font-weight: bold;
&:hover {
color: #338fe5;
}
}
}
}
.@{p}-filterable-menu {
margin : 0;
min-height : 0;
-webkit-flex : 1 1 auto;
flex : 1 1 auto;
height : 100%;
display : -webkit-flex;
display : flex;
-webkit-flex-direction: column;
flex-direction : column;
.input-area {
display : -webkit-flex;
display : flex;
-webkit-flex-shrink: 0;
flex-shrink : 0;
margin : 10px 10px 0 10px;
input {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
font-size : 14px;
color : #303030;
line-height : 1.5;
}
.search-input {
width : 100%;
height : 34px;
border-radius: 3px;
.icon-search {
color: #909090;
}
.search-input-clear-icon-wrapper {
display : -webkit-flex;
display : flex;
-webkit-align-items: center;
align-items : center;
width : 28px;
position : absolute;
right : 4px;
top : 0;
height : 100%;
.search-input-clear-icon {
color : rgba(0, 0, 0, 0.25);
position : absolute;
width : 28px;
line-height: 26px;
text-align : center;
font-size : 16px;
cursor : pointer;
}
}
}
}
.menu-area {
display : -webkit-flex;
display : flex;
-webkit-flex-direction: column;
flex-direction : column;
-webkit-flex : 1 1 auto;
flex : 1 1 auto;
height : 100%;
overflow-y : hidden;
.ant-menu-item-group-title {
padding: 0 10px;
}
div {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
font-size : 14px;
}
a {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
font-size : 14px;
}
.@{p}-noone {
color: #999;
}
.ant-menu-item-group {
&:not(:first-child) {
margin-top: 15px;
}
}
.ant-menu-item-group-list {
>.ant-menu-item {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
height : 34px;
padding : 0 8px 0 14px;
font-size : 14px;
line-height : 34px;
a {
&:hover {
color: #64aaeb;
}
}
}
.ant-menu-item-selected {
>a {
color: #338fe5;
}
.@{p}-noone {
color: #999;
}
}
.ant-menu-item-active {
.@{p}-noone {
&:hover {
color : #999;
cursor: text;
}
}
}
}
.ant-menu {
box-shadow : none;
display : -webkit-flex;
display : flex;
-webkit-flex-direction: column;
flex-direction : column;
overflow-x : hidden;
overflow-y : auto;
-webkit-flex : 1 1 auto;
flex : 1 1 auto;
padding : 14px 0 5px 0;
height : 100%;
}
.view-all {
width : 100%;
color : #606060;
text-align : center;
height : 40px;
line-height: 40px;
border-top : solid #dedede 1px;
display : inline-block;
cursor : pointer;
&:hover {
color: #338fe5;
}
>span {
vertical-align: middle;
}
}
}
}
.text-input {
border-radius : 3px;
box-sizing : border-box;
display : inline-block;
height : 30px;
line-height : 28px;
width : 100%;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
vertical-align: middle;
.ui-icon-input {
>input {
padding-left: 34px;
}
}
>input {
width : 100%;
height : 100%;
line-height : normal;
padding-left: 10px;
box-sizing : border-box;
border : 0 none;
outline : 0 none;
}
}
.ui-icon-input {
&:focus {
outline : none;
border-color: #338fe5;
}
&::hover {
outline : none;
border-color: #338fe5;
}
}
.search-input {
width: 300px;
}
.ui-icon-input {
display : inline-block;
vertical-align: middle;
position : relative;
height : 30px;
width : 300px;
border-radius : 3px;
border : 1px solid rgba(134, 147, 160, 0.5);
transition : border-color .2s;
.ui-icon {
border-radius: 3px;
box-sizing : border-box;
display : inline-block;
height : 16px;
line-height : 14px;
width : 16px;
border-radius: 0;
position : absolute;
left : 10px;
top : 50%;
margin-top : -8px;
}
input {
border : none;
vertical-align: top;
width : 100%;
height : 100%;
box-sizing : border-box;
padding : 0 10px 0 31px;
background : transparent;
}
}
.ui-input {
display : inline-block;
border-radius: 3px;
border : 1px solid rgba(134, 147, 160, 0.5);
transition : border-color .2s;
}
.ui-icon {
display : inline-block;
fill : currentColor;
line-height : 1;
vertical-align: middle;
border-radius : 3px;
box-sizing : border-box;
display : inline-block;
height : 16px;
line-height : 14px;
width : 16px;
border-radius : 0;
transition : opacity .2s;
border-radius : 0;
}
.anticon {
display : inline-block;
font-style : normal;
vertical-align : baseline;
text-align : center;
text-transform : none;
line-height : 1;
text-rendering : optimizeLegibility;
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ant-popover {
.ant-popover-inner-content {
padding : 0 !important;
}
.menu-area {
max-height: 376px;
}
}
@font-face {
font-family: "iconfont";
src : url('./css/iconfont.eot?t=1583222388593');
/* IE9 */
src: url('./css/iconfont.eot?t=1583222388593#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('./css/iconfont.woff?t=1583222388593') format('woff'),
url('./css/iconfont.ttf?t=1583222388593') format('truetype'),
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('./css/iconfont.svg?t=1583222388593#iconfont') format('svg');
/* iOS 4.1- */
}
.iconfont {
font-family : "iconfont" !important;
font-size : 16px;
font-style : normal;
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align : middle;
font-weight : bold;
padding-left: 5px;
}
.icon-iconfonti:before {
content: "\e62b";
}
.icon-iconfontjiantou2:before {
content: "\e632";
}
.icon-weibiaoti1:before {
content: "\e61e";
}
.icon-guanbi:before {
content: "\e7b7";
}
.icon-jiantou:before {
content: "\e612";
}
.icon-jiantouxiangshang:before {
content: "\e622";
}
.icon-ERP_guanbi:before {
content: "\e666";
}
.icon--youjiantou:before {
content: "\e606";
}
.icon--fangdajing:before {
content: "\e610";
}
.icon-fangdajing:before {
content: "\e637";
}
.icon-jiantou-shang:before {
content: "\e6a7";
}
.icon-jiantou-xia:before {
content: "\e6a9";
}
.icon-guanbi1:before {
content: "\e641";
}