humhub/static/less/mentioning.less
yuriimaz 26c789b2d0
Enh #3: Source Mode, Text Area Style (#6382)
* Enh #3: Source Mode, Text Area Style
Fixed dropdown button icons size

* Changed color hash codes in less files to variables.
Changed comment form buttons position.
2023-06-12 11:56:00 +00:00

117 lines
2.1 KiB
Plaintext

//
//Mentioning (uses old atwho style)
//
.atwho-view {
background: @background-color-main;
color: @text-color-soft;
border: 1px solid @background3;
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
display: none;
font-size: 14px;
font-weight: 400;
margin-top: 18px;
min-width: 120px;
max-width: 265px;
padding: 5px 0;
position: absolute;
top: 0;
left: 0;
z-index: 11110 !important;
}
.atwho-view ul {
list-style: none;
margin: auto;
padding: 0;
//width: 100px;
}
.atwho-view ul li {
//border-top: 1px solid #C8C8C8;
//padding: 5px 10px;
border-left: 3px solid transparent;
cursor: pointer;
display: block;
padding: 4px 15px 4px 8px;
}
.atwho-view ul li.hint {
background: @background-color-main !important;
border-left: 3px solid transparent !important;
color: @text-color-soft2;
font-size: 12px;
}
.atwho-input.form-control {
height: auto;
min-height: 36px;
padding-right: 95px;
word-wrap: break-word;
}
.atwho-input p {
padding: 0;
margin: 0;
}
.atwho-placeholder {
color: @text-color-soft3 !important;
}
.atwho-emoji-entry {
float: left;
padding: 4px !important;
margin: 0 !important;
border: none !important;
}
.atwho-emoji-entry:hover, .atwho-emoji-entry:active, .atwho-emoji-entry:focus {
padding: 4px !important;
margin: 0 !important;
border: none !important;
background-color: @background-color-secondary !important;
border-radius: 3px;
}
.atwho-view .cur {
border-left: 3px solid @info;
background-color: @background-color-secondary !important;
}
.atwho-user,
.atwho-space,
.atwho-input a {
color: @link;
}
.atwho-input a:hover {
color: @link;
}
.atwho-view strong {
background-color: lighten(@warning, 40%);
}
.atwho-view .cur strong {
background-color: lighten(@warning, 40%);
}
.atwho-view small {
font-size: smaller;
color: @text-color-secondary;
font-weight: normal;
}
.atwho-view .cur small {
color: var(--danger);
}
.atwho-view strong, .atwho-view b {
font-weight: normal;
}
.atwho-view span {
padding: 5px;
}