Project

General

Profile

Defect #43664 » fix-tab-left-right-buttons-in-rtl.patch

Go MAEDA, 2026-01-11 09:37

View differences:

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>
(3-3/3)