[ticket/15492] Fix permission role combobox in RTL

Varius fixes to css and js for correct
displaying permission role combbox in RTL mode

PHPBB3-15492
This commit is contained in:
hubaishan 2018-01-11 19:05:19 +03:00
parent f26cf2dc1f
commit 8c89194cc6
4 changed files with 25 additions and 5 deletions

View file

@ -2459,6 +2459,9 @@ fieldset.permissions .padding {
text-align: left;
}
.rtl .dropdown li {
text-align: right;
}
.wrap .dropdown li, .dropdown.wrap li {
white-space: normal;
}
@ -2473,6 +2476,10 @@ fieldset.permissions .padding {
width: 250px;
}
.rtl .roles-options > .dropdown {
right: auto;
}
.roles-options {
-webkit-user-select: none;
-moz-user-select: none;
@ -2491,6 +2498,10 @@ fieldset.permissions .padding {
background: url('../images/arrow_down.gif') no-repeat 245px .7em;
}
.rtl .roles-options > span {
background: url('../images/arrow_down.gif') no-repeat 7px .7em;
}
.roles-options li {
list-style: none;
}

View file

@ -41,7 +41,7 @@
<dt style="width: 20%"><label for="role{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}">{L_ROLE}{L_COLON}</label></dt>
{% if p_mask.f_mask.role_options %}
<dd style="margin-{S_CONTENT_FLOW_BEGIN}{L_COLON} 20%">
<div class="dropdown-container dropdown-right dropdown-button-control roles-options" data-alt-text="{LA_ROLE_DESCRIPTION}">
<div class="dropdown-container dropdown-{S_CONTENT_FLOW_END} dropdown-button-control roles-options" data-alt-text="{LA_ROLE_DESCRIPTION}">
<select id="role{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}" name="role[{p_mask.f_mask.UG_ID}][{p_mask.f_mask.FORUM_ID}]">{p_mask.f_mask.S_ROLE_OPTIONS}</select>
<span title="Roles" class="button icon-button tools-icon dropdown-trigger dropdown-select">{L_NO_ROLE_ASSIGNED}</span>
<div class="dropdown hidden">

View file

@ -130,10 +130,17 @@ phpbb.positionTooltip = function ($element) {
$element = $element.parent();
offset = $element.offset();
if ($('body').hasClass('rtl')) {
$('#_tooltip_container').css({
top: offset.top + 30,
left: offset.left + 255
});
} else {
$('#_tooltip_container').css({
top: offset.top + 30,
left: offset.left - 205
});
}
};
/**

View file

@ -1331,6 +1331,8 @@ phpbb.toggleDropdown = function() {
$this.css({
marginLeft: 0,
left: 0,
marginRight: 0,
right: 0,
maxWidth: (windowWidth - 4) + 'px'
});