1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-13 12:14:06 +02:00

[ticket/13713] Fix styles for mention dropdown

PHPBB3-13713
This commit is contained in:
lavigor
2018-06-15 02:38:48 +03:00
committed by Marc Alexander
parent 31e4fb4729
commit 50400cb785
8 changed files with 75 additions and 16 deletions

View File

@@ -29,7 +29,6 @@
<!-- IF S_ALLOW_MENTIONS -->
<div id="mention_params" style="display: none;" data-mention-url="{U_MENTION_URL}" data-mention-names-limit="{S_MENTION_NAMES_LIMIT}" data-topic-id="{S_TOPIC_ID}"></div>
<!-- ENDIF -->
<!-- INCLUDECSS {T_ASSETS_PATH}/css/jquery.atwho.min.css -->
<!-- INCLUDEJS {T_ASSETS_PATH}/javascript/jquery.caret.min.js -->
<!-- INCLUDEJS {T_ASSETS_PATH}/javascript/jquery.atwho.min.js -->
<!-- INCLUDEJS {T_ASSETS_PATH}/javascript/editor.js -->

View File

@@ -931,12 +931,12 @@
}
/* Mention dropdown */
.atwho-container .atwho-view ul li {
.rtl .mention-name {
padding-right: 45px;
padding-left: 15px;
}
.mention-avatar {
.rtl .mention-avatar {
right: 7px;
left: auto;
}

View File

@@ -983,8 +983,19 @@ fieldset.fields2 dl:hover dt label {
outline-color: rgba(19, 164, 236, 0.5);
}
.atwho-container .atwho-view ul li:hover,
.atwho-container .atwho-view ul li.cur {
.atwho-view {
background: #ffffff;
border-color: #dddddd;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
color: #000000;
}
.mention-name {
border-bottom-color: #dddddd;
}
.mention-name:hover,
.mention-name.cur {
background-color: #0077b3;
color: #ffffff;
}

View File

@@ -285,14 +285,33 @@ fieldset.submit-buttons input {
}
/* Mention dropdown */
.atwho-container .atwho-view {
font-size: 12px;
.atwho-view {
border: 1px solid transparent;
border-radius: 3px;
position: absolute;
z-index: 11110 !important;
top: 0;
left: 0;
display: none;
min-width: 260px;
margin-top: 18px;
}
.atwho-container .atwho-view ul li {
.atwho-view-ul {
overflow-y: auto;
max-height: 200px;
margin: auto;
padding: 0;
list-style: none;
}
.mention-name {
font-size: 12px;
border-bottom: 1px solid transparent;
position: relative;
display: block;
padding: 15px 5px 15px 45px;
cursor: pointer;
}
.mention-avatar {