wip: move undo/redo buttons to the left

Co-authored-by: David Larlet <david@larlet.fr>
This commit is contained in:
Yohan Boniface 2025-03-28 16:13:54 +01:00
parent e41ad4e069
commit 5807cfbbcd
2 changed files with 8 additions and 10 deletions

View file

@ -111,8 +111,6 @@
.umap-right-edit-toolbox { .umap-right-edit-toolbox {
display: flex; display: flex;
column-gap: 10px; column-gap: 10px;
}
.umap-right-edit-toolbox {
align-items: center; align-items: center;
} }

View file

@ -11,6 +11,14 @@ const TOP_BAR_TEMPLATE = `
<div class="logo"><a class="" href="/" title="${translate('Go to the homepage')}">uMap</a></div> <div class="logo"><a class="" href="/" title="${translate('Go to the homepage')}">uMap</a></div>
<button class="map-name flat" type="button" data-ref="name"></button> <button class="map-name flat" type="button" data-ref="name"></button>
<button class="share-status flat" type="button" data-ref="share"></button> <button class="share-status flat" type="button" data-ref="share"></button>
<button class="edit-undo round" type="button" data-ref="undo" disabled>
<i class="icon icon-16 icon-undo"></i>
<span class="">${translate('Undo')}</span>
</button>
<button class="edit-redo round" type="button" data-ref="redo" disabled>
<i class="icon icon-16 icon-redo"></i>
<span class="">${translate('Redo')}</span>
</button>
</div> </div>
<div class="umap-right-edit-toolbox" data-ref="right"> <div class="umap-right-edit-toolbox" data-ref="right">
<button class="connected-peers round" type="button" data-ref="peers"> <button class="connected-peers round" type="button" data-ref="peers">
@ -22,14 +30,6 @@ const TOP_BAR_TEMPLATE = `
<span class="username" data-ref="username"></span> <span class="username" data-ref="username"></span>
</button> </button>
<button class="umap-help-link flat" type="button" title="${translate('Help')}" data-ref="help">${translate('Help')}</button> <button class="umap-help-link flat" type="button" title="${translate('Help')}" data-ref="help">${translate('Help')}</button>
<button class="edit-undo round" type="button" data-ref="undo" disabled>
<i class="icon icon-16 icon-undo"></i>
<span class="">${translate('Undo')}</span>
</button>
<button class="edit-redo round" type="button" data-ref="redo" disabled>
<i class="icon icon-16 icon-redo"></i>
<span class="">${translate('Redo')}</span>
</button>
<button class="edit-disable round disabled-on-dirty" type="button" data-ref="view"> <button class="edit-disable round disabled-on-dirty" type="button" data-ref="view">
<i class="icon icon-16 icon-eye"></i> <i class="icon icon-16 icon-eye"></i>
<span class="">${translate('View')}</span> <span class="">${translate('View')}</span>