From 5d410c94e34ff34c28f889285349f706cf1436f1 Mon Sep 17 00:00:00 2001 From: Yohan Boniface Date: Tue, 31 Oct 2023 17:28:42 +0100 Subject: [PATCH] Update save button style --- umap/static/umap/img/16-white.svg | 12 ++++++---- umap/static/umap/img/source/16-white.svg | 21 ++++++++++------- umap/static/umap/map.css | 30 +++++++++++++++++------- 3 files changed, 43 insertions(+), 20 deletions(-) diff --git a/umap/static/umap/img/16-white.svg b/umap/static/umap/img/16-white.svg index f4074cff..880d1b11 100644 --- a/umap/static/umap/img/16-white.svg +++ b/umap/static/umap/img/16-white.svg @@ -1,4 +1,4 @@ - + @@ -134,7 +134,7 @@ - + @@ -143,11 +143,11 @@ - + - + @@ -158,5 +158,9 @@ + + + + diff --git a/umap/static/umap/img/source/16-white.svg b/umap/static/umap/img/source/16-white.svg index 0767b09c..24776051 100644 --- a/umap/static/umap/img/source/16-white.svg +++ b/umap/static/umap/img/source/16-white.svg @@ -1,7 +1,7 @@ - + @@ -13,7 +13,7 @@ - + @@ -25,6 +25,7 @@ + @@ -152,9 +153,9 @@ - + - + @@ -163,11 +164,11 @@ - - - + + + - + @@ -178,5 +179,9 @@ + + + + diff --git a/umap/static/umap/map.css b/umap/static/umap/map.css index 4b4b4348..23a44b45 100644 --- a/umap/static/umap/map.css +++ b/umap/static/umap/map.css @@ -445,9 +445,8 @@ ul.photon-autocomplete { font-size: 12px; border-radius: 20px; color: #f8f8f8; - height: 36px; - line-height: 36px; - min-height: 36px; + height: 32px; + line-height: 30px; padding: 0 20px; } .leaflet-container .leaflet-control-edit-disable:before, @@ -466,27 +465,42 @@ ul.photon-autocomplete { .leaflet-container .leaflet-control-edit-disable span, .leaflet-container .leaflet-control-edit-save span, .leaflet-container .leaflet-control-edit-cancel span { - margin-left: 4px; + margin-left: 10px; } .leaflet-container .leaflet-control-edit-save:before { - background-position: -1px -26px; + background-position: -148px -2px; } .leaflet-container .leaflet-control-edit-disable:before { background-position: -50px -25px; } .leaflet-container .leaflet-control-edit-cancel, .leaflet-container .leaflet-control-edit-disable { - border: 1px solid #555; + border: 0.5px solid #f2f2f2; } .leaflet-container .leaflet-control-edit-save { opacity: 0.5; cursor: not-allowed; - border: 1px solid #42ece6; - color: #42ece6; + border-radius: 16px; + border: 1px solid rgba(153, 153, 153, 0.40); + background: rgba(153, 153, 153, 0.10); +} +.dark [type="button"].leaflet-control-edit-save:hover { + background: rgba(153, 153, 153, 0.10); + text-decoration: none; } .umap-is-dirty .leaflet-control-edit-save { opacity: 1; cursor: pointer; + border: 1px solid rgba(66, 236, 230, 0.40); + background: rgba(66, 236, 230, 0.10); + color: #42ECE6; +} +.umap-is-dirty .leaflet-control-edit-save:before { + background-position: -148px -26px; +} +.umap-is-dirty .dark [type="button"].leaflet-control-edit-save:hover { + border-color: rgba(66, 236, 230, 0.80); + background: rgba(66, 236, 230, 0.10); } .leaflet-container .leaflet-control-edit-save, .leaflet-container .leaflet-control-edit-cancel,