Defect #43664 » fix-tab-left-right-buttons-in-rtl.patch
| app/assets/stylesheets/application.css | ||
|---|---|---|
| 149 | 149 |
#main-menu .menu-children li a:hover {color: var(--oc-white); background-color: var(--oc-blue-7);}
|
| 150 | 150 | |
| 151 | 151 |
#main-menu .tabs-buttons {
|
| 152 |
right: 6px;
|
|
| 152 |
inset-inline-end: 6px;
|
|
| 153 | 153 |
background-color: transparent; |
| 154 | 154 |
border-bottom-color: transparent; |
| 155 | 155 |
} |
| ... | ... | |
| 1533 | 1533 | |
| 1534 | 1534 |
#content .tabs ul li a.selected:hover {background-color: var(--oc-white);}
|
| 1535 | 1535 | |
| 1536 |
div.tabs-buttons { position:absolute; right: 0; width: 54px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid var(--oc-gray-5); }
|
|
| 1536 |
div.tabs-buttons {
|
|
| 1537 |
position: absolute; |
|
| 1538 |
inset-inline-end: 0; |
|
| 1539 |
width: 54px; |
|
| 1540 |
height: 24px; |
|
| 1541 |
background: white; |
|
| 1542 |
bottom: 0; |
|
| 1543 |
border-bottom: 1px solid var(--oc-gray-5); |
|
| 1544 |
} |
|
| 1537 | 1545 | |
| 1538 | 1546 |
button.tab-left, button.tab-right {
|
| 1539 | 1547 |
font-size: 0.9em; |
| ... | ... | |
| 1558 | 1566 |
} |
| 1559 | 1567 | |
| 1560 | 1568 |
button.tab-left {
|
| 1561 |
right: 28px;
|
|
| 1569 |
inset-inline-end: 28px;
|
|
| 1562 | 1570 |
border-top-left-radius:3px; |
| 1563 | 1571 |
} |
| 1564 | 1572 | |
| 1565 | 1573 |
button.tab-right {
|
| 1566 |
right: 4px;
|
|
| 1574 |
inset-inline-end: 4px;
|
|
| 1567 | 1575 |
border-top-right-radius:3px; |
| 1568 | 1576 |
} |
| 1569 | 1577 | |
| app/assets/stylesheets/rtl.css | ||
|---|---|---|
| 177 | 177 |
margin-right:0px; margin-left:4px; |
| 178 | 178 |
} |
| 179 | 179 | |
| 180 |
div.tabs-buttons {right:auto; left:0;}
|
|
| 181 | ||
| 182 |
button.tab-left {
|
|
| 183 |
right:auto; left:20px; |
|
| 184 |
} |
|
| 185 | ||
| 186 |
button.tab-right {
|
|
| 187 |
right:auto; left:20px; |
|
| 188 |
} |
|
| 189 | ||
| 190 | 180 |
/***** Diff *****/ |
| 191 | 181 | |
| 192 | 182 |
/***** My page layout *****/ |
| app/views/common/_tabs.html.erb | ||
|---|---|---|
| 13 | 13 |
</ul> |
| 14 | 14 |
<div class="tabs-buttons" style="display:none;"> |
| 15 | 15 |
<button class="tab-left icon-only" type="button" onclick="moveTabLeft(this);"> |
| 16 |
<%= sprite_icon "angle-left" %>
|
|
| 16 |
<%= sprite_icon("angle-left", rtl: true) %>
|
|
| 17 | 17 |
</button> |
| 18 | 18 |
<button class="tab-right icon-only" type="button" onclick="moveTabRight(this);"> |
| 19 |
<%= sprite_icon "angle-right" %>
|
|
| 19 |
<%= sprite_icon("angle-right", rtl: true) %>
|
|
| 20 | 20 |
</button> |
| 21 | 21 |
</div> |
| 22 | 22 |
</div> |
| app/views/layouts/base.html.erb | ||
|---|---|---|
| 94 | 94 |
<%= render_main_menu(@project) %> |
| 95 | 95 |
<div class="tabs-buttons" style="display:none;"> |
| 96 | 96 |
<button class="tab-left icon-only" onclick="moveTabLeft(this); return false;"> |
| 97 |
<%= sprite_icon "angle-left" %>
|
|
| 97 |
<%= sprite_icon("angle-left", rtl: true) %>
|
|
| 98 | 98 |
</button> |
| 99 | 99 |
<button class="tab-right icon-only" onclick="moveTabRight(this); return false;"> |
| 100 |
<%= sprite_icon "angle-right" %>
|
|
| 100 |
<%= sprite_icon("angle-right", rtl: true) %>
|
|
| 101 | 101 |
</button> |
| 102 | 102 |
</div> |
| 103 | 103 |
</div> |
- « Previous
- 1
- 2
- 3
- Next »