ant-design/components/mention/style/index.less

131 lines
2.7 KiB
Plaintext
Raw Normal View History

2018-12-07 16:17:45 +08:00
@import '../../style/themes/default';
@import '../../style/mixins/index';
2017-01-11 21:45:09 +08:00
@import '../../input/style/mixin';
2016-07-04 10:31:27 +08:00
2018-12-07 16:17:45 +08:00
@mention-prefix-cls: ~'@{ant-prefix}-mention';
2017-03-19 00:19:11 +08:00
.@{mention-prefix-cls}-wrapper {
.reset-component;
2016-07-04 10:31:27 +08:00
position: relative;
display: inline-block;
width: 100%;
2016-07-21 15:40:13 +08:00
vertical-align: middle;
2017-03-19 00:19:11 +08:00
.@{mention-prefix-cls}-editor {
.input;
display: block;
height: auto; // To override height in .input mixin
min-height: @input-height-base;
2017-03-19 00:19:11 +08:00
padding: 0;
line-height: @line-height-base;
2017-03-19 00:19:11 +08:00
&-wrapper {
height: auto;
overflow-y: auto;
2017-03-19 00:19:11 +08:00
}
2016-07-04 10:31:27 +08:00
}
&.@{mention-prefix-cls}-active:not(.disabled) .@{mention-prefix-cls}-editor {
2017-03-19 00:19:11 +08:00
.active;
2016-07-04 10:31:27 +08:00
}
&.disabled .@{mention-prefix-cls}-editor {
.disabled();
}
.public-DraftEditorPlaceholder-root {
position: absolute;
pointer-events: none;
.public-DraftEditorPlaceholder-inner {
height: auto;
padding: 5px @control-padding-horizontal - 1px;
color: @input-placeholder-color;
white-space: pre-wrap;
word-wrap: break-word;
outline: none;
opacity: 1;
}
}
2016-07-05 09:48:27 +08:00
.DraftEditor-editorContainer .public-DraftEditor-content {
2016-07-04 10:31:27 +08:00
height: auto;
padding: 5px @control-padding-horizontal - 1px;
2016-07-04 10:31:27 +08:00
}
}
2016-07-04 10:31:27 +08:00
2017-03-19 00:19:11 +08:00
.@{mention-prefix-cls}-dropdown {
.reset-component;
position: absolute;
top: -9999px;
left: -9999px;
z-index: @zindex-dropdown;
min-width: 120px;
max-height: 250px;
margin-top: 1.5em;
overflow-x: hidden;
overflow-y: auto;
background-color: @component-background;
border-radius: @border-radius-base;
outline: none;
box-shadow: @box-shadow-base;
&-placement-top {
margin-top: -0.1em;
}
2017-03-19 00:19:11 +08:00
&-notfound&-item {
color: @disabled-color;
2016-07-04 10:31:27 +08:00
.@{iconfont-css-prefix}-loading {
display: block;
color: @primary-color;
2016-11-14 12:21:58 +08:00
text-align: center;
2016-07-04 10:31:27 +08:00
}
}
&-item {
position: relative;
display: block;
padding: 5px @control-padding-horizontal;
overflow: hidden;
2016-11-08 20:50:59 +08:00
color: @text-color;
font-weight: normal;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: background 0.3s;
2016-07-04 10:31:27 +08:00
&:hover {
background-color: @item-hover-bg;
}
&.focus,
&-active {
background-color: @item-active-bg;
}
2016-07-04 10:31:27 +08:00
&-disabled {
color: @disabled-color;
cursor: not-allowed;
&:hover {
color: @disabled-color;
background-color: @component-background;
2016-07-04 10:31:27 +08:00
cursor: not-allowed;
}
}
2016-07-04 10:31:27 +08:00
&-selected {
&,
&:hover {
2016-11-08 20:50:59 +08:00
color: @text-color;
font-weight: bold;
background-color: @background-color-base;
2016-07-04 10:31:27 +08:00
}
}
2016-07-04 10:31:27 +08:00
&-divider {
height: 1px;
margin: 1px 0;
overflow: hidden;
line-height: 0;
background-color: @border-color-split;
2016-07-04 10:31:27 +08:00
}
}
2016-07-21 15:40:13 +08:00
}