mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-06 16:56:44 +02:00
Code Issues Releases Wiki Activity

[ticket/13713] Fix styles for mention dropdown

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

1
phpBB/adm/style/acp_posting_buttons.html
View File

@@ -11,7 +11,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 -->

42
phpBB/adm/style/admin.css
View File

@@ -1676,18 +1676,45 @@ fieldset.submit-buttons legend {
font-weight: bold;
}
.atwho-container .atwho-view {
font-size: 12px;
.atwho-view {
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
color: #000000;
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 #dddddd;
position: relative;
display: block;
padding: 15px 5px 15px 45px;
cursor: pointer;
}
.atwho-container .atwho-view ul li:hover,
.atwho-container .atwho-view ul li.cur {
.rtl .mention-name {
padding-right: 45px;
padding-left: 15px;
}
.mention-name:hover,
.mention-name.cur {
background-color: #0077b3;
color: #ffffff;
}
@@ -1710,6 +1737,11 @@ fieldset.submit-buttons legend {
margin-top: -16px;
}
.rtl .mention-avatar {
right: 7px;
left: auto;
}
.mention-rank {
font-size: 10px;
display: block;