meineerde/redmine
1
0
Fork 0
mirror of https://github.com/meineerde/redmine.git synced 2026-01-31 11:37:14 +00:00
Code Issues Releases Wiki Activity

Replace legacy icons with SVG icons in tabs left / right buttons (#41833).

Browse Source 
git-svn-id: https://svn.redmine.org/redmine/trunk@23566 e93f8b46-1217-0410-a6f0-8f06a7374b81
This commit is contained in:
Marius Balteanu 2025-03-26 21:42:45 +00:00
parent aec053387e
commit c5ccad0c70
4 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/images/icons.svg
View File

@ -14,6 +14,9 @@
<symbol viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" id="icon--angle-down">
<path d="M6 9l6 6l6 -6"/>
</symbol>
<symbol viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" id="icon--angle-left">
<path d="M15 6l-6 6l6 6"/>
</symbol>
<symbol viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" id="icon--angle-right">
<path d="M9 6l6 6l-6 6"/>
</symbol>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 29 KiB

12
app/assets/stylesheets/application.css
View File

@ -1464,18 +1464,26 @@ button.tab-left:hover, button.tab-right:hover {
button.tab-left:focus, button.tab-right:focus {
outline: 0;
}
button.tab-left svg.icon-svg, button.tab-right svg.icon-svg {
stroke: #999;
stroke-width: 2;
}
button.tab-left {
right: 28px;
background: #eeeeee url(/arrow_left.png) no-repeat 50% 50%;
border-top-left-radius:3px;
}
button.tab-left:not(:has(svg)) {
background: #eeeeee url(/arrow_left.png) no-repeat 50% 50%;
}
button.tab-right {
right: 4px;
background: #eeeeee url(/arrow_right.png) no-repeat 50% 50%;
border-top-right-radius:3px;
}
button.tab-right:not(:has(svg)) {
background: #eeeeee url(/arrow_right.png) no-repeat 50% 50%;
}
button.tab-left.disabled, button.tab-right.disabled {
background-color: #ccc;

8
app/views/common/_tabs.html.erb
View File

@ -12,8 +12,12 @@
<% end -%>
</ul>
<div class="tabs-buttons" style="display:none;">
<button class="tab-left" type="button" onclick="moveTabLeft(this);"></button>
<button class="tab-right" type="button" onclick="moveTabRight(this);"></button>
<button class="tab-left icon-only" type="button" onclick="moveTabLeft(this);">
<%= sprite_icon "angle-left" %>
</button>
<button class="tab-right icon-only" type="button" onclick="moveTabRight(this);">
<%= sprite_icon "angle-right" %>
</button>
</div>
</div>

2
config/icon_source.yml
View File

@ -85,6 +85,8 @@
svg: chevron-right
- name: angle-up
svg: chevron-up
- name: angle-left
svg: chevron-left
- name: email
svg: mail
- name: email-disabled