Responsiveness of the header when logged in

This commit is contained in:
David Larlet 2023-10-16 16:28:41 -04:00
parent 85c1af2b50
commit 1d94ebbaa3
No known key found for this signature in database
GPG key ID: 3E2953A359E7E7BD
2 changed files with 9 additions and 2 deletions

View file

@ -946,7 +946,9 @@ L.U.Map.include({
L.DomUtil.createLink( L.DomUtil.createLink(
'umap-user', 'umap-user',
rightContainer, rightContainer,
L._(`My Dashboard ({username})`, { username: this.options.user.name }), L._(`My Dashboard <span>({username})</span>`, {
username: this.options.user.name,
}),
this.options.user.url this.options.user.url
) )
} }
@ -954,7 +956,7 @@ L.U.Map.include({
const controlEditCancel = L.DomUtil.createButton( const controlEditCancel = L.DomUtil.createButton(
'leaflet-control-edit-cancel', 'leaflet-control-edit-cancel',
rightContainer, rightContainer,
L._('Cancel edits'), L.DomUtil.add('span', '', null, L._('Cancel edits')),
this.askForReset, this.askForReset,
this this
) )

View file

@ -1549,6 +1549,7 @@ a.add-datalayer:hover,
@media all and (max-width: 980px) { @media all and (max-width: 980px) {
.umap-main-edit-toolbox .umap-user span,
.leaflet-container .leaflet-control-edit-save span, .leaflet-container .leaflet-control-edit-save span,
.leaflet-container .leaflet-control-edit-disable span, .leaflet-container .leaflet-control-edit-disable span,
.leaflet-container .leaflet-control-edit-cancel span { .leaflet-container .leaflet-control-edit-cancel span {
@ -1565,6 +1566,10 @@ a.add-datalayer:hover,
} }
} }
@media all and (max-width: 640px) { @media all and (max-width: 640px) {
.umap-main-edit-toolbox .umap-user {
display: none;
}
.umap-main-edit-toolbox .map-name { .umap-main-edit-toolbox .map-name {
max-width: 150px; max-width: 150px;
} }