almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-04-28 19:42:36 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #2078 from umap-project/fim100-RTL-support--css-logical-properties

Browse source 
Fim100 rtl support  css logical properties
This commit is contained in:
Yohan Boniface 2024-08-29 09:30:43 +02:00 committed by GitHub
commit 3b66c40b01
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 306 additions and 284 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
umap/static/umap/base.css
View file

@ -119,13 +119,13 @@ dt {
margin-bottom: 2rem;
}
.col {
float: left;
float: inline-start;
}
.right {
float: right;
}
.col + .col {
padding-left: 20px;
padding-inline-start: 20px;
}
.half {
width: 50%;
@ -143,7 +143,7 @@ dt {
width: 100%;
}
.col + .wide {
padding-left: inherit;
padding-inline-start: inherit;
}
.mshow, .tshow {
display: none;
@ -186,7 +186,7 @@ input[type="range"] {
width: 100%;
}
input[type="radio"] {
margin-right: var(--text-margin);
margin-inline-end: var(--text-margin);
}
input[type="checkbox"] {
margin: 0 var(--text-margin);
@ -272,7 +272,7 @@ button.flat,
border: none;
background-color: inherit;
padding: 0;
text-align: left;
text-align: start;
min-height: inherit;
width: initial;
display: initial;
@ -356,8 +356,8 @@ input:invalid {
}
details {
margin-bottom: 5px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-start-start-radius: 4px;
border-start-end-radius: 4px;
}
.dark details {
border: 1px solid #222;
@ -392,7 +392,7 @@ fieldset legend {
}
[data-badge]:after {
position: absolute;
right: -6px;
inset-inline-end: -6px;
top: -6px;
min-width: 8px;
min-height: 8px;
@ -417,7 +417,7 @@ input.switch:empty {
input.switch:empty ~ label {
white-space: nowrap;
position: relative;
float: left;
float: inline-start;
line-height: 2em;
height: 2em;
text-indent: 6em;
@ -436,7 +436,7 @@ input.switch:empty ~ label:after {
display: block;
top: 0;
bottom: 0;
left: 0;
inset-inline-start: 0;
content: ' ';
width: 6em;
-webkit-transition: all 100ms ease-in;
@ -451,7 +451,7 @@ input.switch:empty ~ label:after {
}
input.switch:empty ~ label:after {
width: 3em;
margin-left: 0.1em;
margin-inline-start: 0.1em;
background-color: #ededed;
content: "OFF";
text-indent: 3.5em;
@ -472,7 +472,7 @@ input.switch:checked ~ label:before {
color: var(--color-darkGray);
content: "ON";
text-indent: 0.7em;
text-align: left;
text-align: start;
font-weight: bold;
}
.dark input.switch:checked ~ label:before {
@ -480,7 +480,7 @@ input.switch:checked ~ label:before {
background-color: var(--color-accent);
}
input.switch:checked ~ label:after {
margin-left: 3em;
margin-inline-start: 3em;
}
.button-bar, .umap-multiplechoice {
margin-top: 5px;
@ -552,21 +552,21 @@ input.switch:checked ~ label:after {
.umap-field-iconUrl .action-button,
.inheritable .define,
.inheritable .undefine {
float: right;
float: inline-end;
width: initial;
min-height: 18px;
line-height: 18px;
margin-bottom: 0;
}
.inheritable .quick-actions {
float: right;
float: inline-end;
}
.inheritable .quick-actions .formbox {
margin-bottom: 0;
}
.inheritable .quick-actions input {
width: 100px;
margin-right: 5px;
margin-inline-end: 5px;
}
.inheritable .define,
.inheritable.undefined .undefine,
@ -581,7 +581,7 @@ i.info {
background-image: url('./img/16.svg');
background-position: -170px -50px;
display: inline-block;
margin-left: 5px;
margin-inline-start: 5px;
vertical-align: middle;
width: 16px;
height: 18px;
@ -592,7 +592,6 @@ i.info {
.with-transition {
transition: all .7s;
}
.umap-delete:before, .umap-empty:before, .umap-to-polygon:before,
.umap-clone:before, .umap-edit:before, .umap-download:before,
.umap-to-polyline:before {
@ -614,25 +613,19 @@ i.info {
vertical-align: middle;
}
.umap-to-polygon:before {
background-position: -80px -48px;
background-position: -72px -42px;
}
.umap-to-polyline:before {
background-position: -110px -42px;
background-position: -106px -42px;
}
.umap-clone:before {
background-position: -150px -78px;
}
.umap-delete:before {
background-position: -32px -8px;
}
.umap-edit:before {
background-position: -6px -6px;
background-position: -144px -78px;
}
.umap-empty:before {
background-position: -110px -78px;
background-position: -108px -78px;
}
.umap-download:before {
background-position: -77px -78px;
background-position: -72px -78px;
}
.permissions-panel,
.umap-upload,
@ -711,7 +704,7 @@ i.info {
.umap-pictogram-choice .leaflet-marker-icon {
bottom: 0;
left: 30px;
inset-inline-start: 30px;
position: absolute;
}
.umap-color-picker {
@ -727,14 +720,14 @@ i.info {
padding: 0;
margin: 0;
cursor: pointer;
float: left;
float: inline-start;
}
input.blur {
width: calc(100% - 40px);
display: inline-block;
vertical-align: middle;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.blur + .button:before,
.blur + [type="button"]:before {
@ -747,8 +740,8 @@ input.blur {
display: inline-block;
vertical-align: middle;
line-height: 18px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-start-start-radius: 0;
border-end-start-radius: 0;
box-sizing: border-box;
}
input[type=hidden].blur + .button,
@ -763,9 +756,7 @@ input[type=hidden].blur + [type="button"] {
border-radius: initial;
}
.copiable-input button {
background-repeat: no-repeat;
background-image: url('./img/16.svg');
background-position: -141px -140px;
background-position: -46px -92px;
display: inline;
padding: 0 10px;
height: 32px;

26
umap/static/umap/content.css
View file

@ -50,7 +50,7 @@ body.login header {
background-size: 92px 92px;
height: 92px;
width: 92px;
margin-right: 10px;
margin-inline-end: 10px;
}
.login-grid .login-github {
background-image: url("./github.png");
@ -107,7 +107,7 @@ body.login header {
.umap-features-list li:before {
content: "✔";
color: #323E56;
padding-right: 5px;
padding-inline-end: 5px;
}
.summary {
background-color: #eee;
@ -135,7 +135,7 @@ h2.section {
h2.tabs {
text-transform: uppercase;
color: var(--color-darkBlue);
text-align: left;
text-align: start;
padding-top: 28px;
}
h2.tabs a {
@ -144,13 +144,14 @@ h2.tabs a {
text-decoration-thickness: 3px;
text-decoration-skip-ink: none;
text-underline-offset: 7px;
margin-right: 2rem;
margin-inline-end: 2rem;
display: inline-block;
}
h2.tabs a:not(.selected) {
font-weight: normal;
color: var(--color-darkBlue);
text-decoration: none;
margin-right: 0;
margin-inline-end: 0;
}
h2.tabs a:hover {
text-decoration: underline;
@ -278,7 +279,7 @@ ul.umap-autocomplete {
}
.umap-singleresult div .close,
.umap-multiresult li .close {
float: right;
float: inline-end;
cursor: pointer;
}
@ -358,6 +359,11 @@ ul.umap-autocomplete {
.content .icon-delete {
background-image: url('./img/icon-delete.svg');
}
html[dir="rtl"] .content .icon-edit,
html[dir="rtl"] .content .icon-share,
html[dir="rtl"] .content .icon-delete {
background-position: initial; /* this takes precedence over similar selector in icon.css and fixes position */
}
.table-header {
display: flex;
justify-content: space-between;
@ -427,8 +433,8 @@ ul.umap-autocomplete {
.table-wrapper table thead tr th,
.table-wrapper table th[scope="row"] {
color: var(--color-darkBlue);
text-align: left;
padding-left: 2px;
text-align: start;
padding-inline-start: 2px;
}
.table-wrapper table thead tr th {
line-height: 1.2;
@ -525,7 +531,7 @@ dialog::backdrop {
}
.twide {
width: 100%;
padding-left: 0!important;
padding-inline-start: 0!important;
}
.tthird {
width: 33.3333%;
@ -542,7 +548,7 @@ dialog::backdrop {
}
@media only screen and (max-width: 639px) {
.mwide {
padding-left: 0!important;
padding-inline-start: 0!important;
width: 100%;
}
.mwide + .mwide {

101
umap/static/umap/css/icon.css
View file

@ -2,9 +2,8 @@
.icon {
background-repeat: no-repeat;
display: inline-block;
padding: 0 10px;
vertical-align: middle;
/* Reste default style, in case we apply this class on a button element */
/* Reset default style, in case we apply this class on a button element */
border: none;
background-color: initial;
}
@ -12,115 +11,143 @@
background-image: url('../img/16.svg');
height: 24px;
line-height: 24px;
width: 24px;
--tile: -24px;
}
.icon-24 {
background-image: url('../img/24.svg');
--tile: -36px;
margin-inline-start: -6px;
height: 36px;
line-height: 36px;
width: 36px;
}
.icon + span {
margin-left: 10px;
margin-inline-start: 10px;
}
html[dir="rtl"] .icon {
transform: scaleX(-1);
}
.icon-block {
display: block;
float: left;
margin-right: 10px;
float: inline-start;
margin-inline-end: 10px;
}
.icon-block + span {
margin-left: 0;
margin-inline-start: 0;
}
.dark .icon-16 {
background-image: url('../img/16-white.svg');
}
.dark .icon-24 {
background-image: url('../img/24-white.svg');
}
.icon-add {
background-position: -26px -24px;
background-position: var(--tile) var(--tile);
}
.icon-back {
background-position: -122px -144px;
background-position: calc(var(--tile) * 5) calc(var(--tile) * 6);
}
.icon-backup {
background-position: var(--tile) calc(var(--tile) * 6);
}
.icon-caption {
background-position: -98px -24px;
background-position: calc(var(--tile) * 4) var(--tile);
}
.icon-close {
background-position: -26px 0px;
background-position: var(--tile) 0px;
}
.icon-copy {
background-position: calc(var(--tile) * 2) calc(var(--tile) * 4);
}
.icon-delete {
background-position: -121px -49px;
background-position: calc(var(--tile) * 5) calc(var(--tile) * 2);
}
.readonly .icon-delete,
.off .icon-delete {
background-position: -121px -122px;
background-position: calc(var(--tile) * 5) calc(var(--tile) * 5);
}
.icon-download {
background-position: 0 calc(var(--tile) * 6);
}
.icon-drag {
background-position: -72px -73px;
background-position: calc(var(--tile) * 3) calc(var(--tile) * 3);
cursor: move;
float: right;
float: inline-end;
}
.icon-eye {
background-position: -49px -26px;
background-position: calc(var(--tile) * 2) var(--tile);
}
.off .icon-eye {
background-position: -73px -26px;
background-position: calc(var(--tile) * 3) var(--tile);
}
.icon-edit {
background-position: -51px -49px;
background-position: calc(var(--tile) * 2) calc(var(--tile) * 2);
}
.off .icon-edit {
background-position: -51px -73px;
background-position: calc(var(--tile) * 2) calc(var(--tile) * 3);
}
.icon-filters {
background-position: -4px -24px;
background-position: 0px var(--tile);
}
.icon-forward {
background-position: calc(var(--tile) * 6) calc(var(--tile) * 6);
}
.icon-key {
background-position: -144px -121px;
background-position: calc(var(--tile) * 6) calc(var(--tile) * 5);
}
.icon-layers {
background-position: -96px -120px;
background-position: calc(var(--tile) * 4) calc(var(--tile) * 5);
}
.icon-list {
background-position: -28px -99px;
background-position: var(--tile) calc(var(--tile) * 4);
}
.icon-marker {
background-position: -72px -120px;
background-position: calc(var(--tile) * 3) calc(var(--tile) * 5);
}
.icon-polygon {
background-position: -24px -119px;
background-position: var(--tile) calc(var(--tile) * 5);
}
.icon-polyline {
background-position: 0 -119px;
background-position: 0 calc(var(--tile) * 5);
}
.icon-resize {
background-position: -74px -144px;
background-position: calc(var(--tile) * 3) calc(var(--tile) * 6);
}
.icon-restore {
background-position: -121px -74px;
background-position: calc(var(--tile) * 5) calc(var(--tile) * 3);
}
.expanded .icon-resize {
background-position: -50px -144px;
background-position: calc(var(--tile) * 2) calc(var(--tile) * 6);
}
.icon-search {
background-position: -27px -120px;
background-position: var(--tile) calc(var(--tile) * 5);
}
.icon-settings {
background-position: -23px -97px;
background-position: var(--tile) calc(var(--tile) * 4);
}
.icon-share {
background-position: 0px -120px;
background-position: 0px calc(var(--tile) * 5);
}
.icon-table {
background-position: -50px -1px;
background-position: calc(var(--tile) * 2) 0px;
}
.readonly .icon-table,
.off .icon-table {
background-position: -74px -1px;
background-position: calc(var(--tile) * 3) 0px;
}
.remotelayer .icon-table {
display: none !important;
}
.icon-tilelayer {
background-position: -98px -141px;
background-position: calc(var(--tile) * 4) calc(var(--tile) * 6);
}
.icon-upload {
background-position: -144px -97px;
background-position: calc(var(--tile) * 6) calc(var(--tile) * 4);
}
.icon-zoom {
background-position: -1px -49px;
background-position: 0px calc(var(--tile) * 2);
}
.off .icon-zoom {
background-position: -25px -49px;
background-position: var(--tile) calc(var(--tile) * 2);
}

2
umap/static/umap/css/importers.css
View file

@ -21,7 +21,7 @@
width: 36px;
height: 36px;
display: inline-block;
margin-right: 10px;
margin-inline-end: 10px;
background-size: 100%;
vertical-align: -10px;
}

10
umap/static/umap/css/slideshow.css
View file

@ -1,6 +1,6 @@
.umap-slideshow-toolbox {
position: absolute;
right: 0;
inset-inline-end: 0;
top: 0;
display: none;
}
@ -20,7 +20,7 @@
text-align: center;
}
.umap-slideshow-toolbox li + li {
border-left: 1px solid var(--color-light);
border-inline-start: 1px solid var(--color-light);
}
.umap-slideshow-toolbox li:hover {
background-color: var(--color-mediumGray);
@ -28,8 +28,8 @@
.umap-slideshow-active .umap-slideshow-toolbox .play,
.umap-slideshow-toolbox .play {
width: calc(var(--footer-height) * 3);
text-align: left;
padding-left: 20px;
text-align: start;
padding-inline-start: 20px;
}
.umap-slideshow-toolbox .play:after {
content: '⏯︎';
@ -40,9 +40,11 @@
.umap-slideshow-toolbox .stop:before {
content: '⏹';
}
html[dir="rtl"] .umap-slideshow-toolbox .prev:before,
.umap-slideshow-toolbox .next:before {
content: '⏵︎';
}
html[dir="rtl"] .umap-slideshow-toolbox .next:before,
.umap-slideshow-toolbox .prev:before {
content: '⏴︎';
}

5
umap/static/umap/img/16-white.svg
View file

@ -34,9 +34,6 @@
<path id="rect5280" d="m35 843.36v4h-4v2h4v4h2v-4h4v-2h-4v-4z" fill="#f2f2f2"/>
<path id="path4354" d="m13.518 866.36c-2.4668 0-4.4825 2.0158-4.4825 4.4826 0 0.8297 0.23375 1.5964 0.63035 2.2646l-3.6654 3.6653 1.5875 1.5876 3.6654-3.6654c0.66814 0.3966 1.4348 0.6303 2.2646 0.6303 2.4668 0 4.4825-2.0157 4.4825-4.4824 0-2.4668-2.0157-4.4826-4.4825-4.4826zm0 1.4943c1.6593 0 2.9883 1.329 2.9883 2.9883 0 1.6592-1.3291 2.9883-2.9883 2.9883s-2.9883-1.3291-2.9883-2.9883c0-1.6593 1.3291-2.9883 2.9883-2.9883zm0 1.4941c-0.81635 0-1.4942 0.6779-1.4942 1.4942s0.67781 1.4942 1.4942 1.4942 1.4942-0.6779 1.4942-1.4942-0.67781-1.4942-1.4942-1.4942z" color="#000000" fill="#f2f2f2" stroke="#999" stroke-width=".25" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
<path id="path4392" d="m37.518 866.36c-2.4668 0-4.4825 2.0157-4.4825 4.4825 0 0.8298 0.23375 1.5964 0.63035 2.2645l-3.6654 3.6655 1.5875 1.5875 3.6654-3.6654c0.66814 0.39662 1.4348 0.63042 2.2646 0.63042 2.4668 0 4.4825-2.0157 4.4825-4.4825s-2.0157-4.4825-4.4825-4.4825zm0 1.4942c1.6593 0 2.9883 1.329 2.9883 2.9883s-1.3291 2.9883-2.9883 2.9883-2.9883-1.329-2.9883-2.9883 1.3291-2.9883 2.9883-2.9883zm0 1.4941c-0.81636 0-1.4942 0.6779-1.4942 1.4942s0.67781 1.4942 1.4942 1.4942 1.4942-0.6779 1.4942-1.4942-0.67781-1.4942-1.4942-1.4942z" color="#000000" fill="#b3b3b3" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
<path id="path5321" d="m36 889.36c-3.866 0-7 3.134-7 7 0 3.866 3.134 7 7 7s7-3.134 7-7c0-3.866-3.134-7-7-7zm-0.15625 2.9687a1.0001 1.0001 0 0 1 0.09375 0 1.0001 1.0001 0 0 1 0.65625 1.8125l-1.625 1.2188h5.0312a1.0001 1.0001 0 1 1 0 2h-5l1.5938 1.1875a1.0001 1.0001 0 1 1-1.1875 1.5937l-3.7188-2.7812a1.0044 1.0044 0 0 1-0.15625-1.9063l3.875-2.9062a1.0001 1.0001 0 0 1 0.4375-0.2188z" fill="#f2f2f2"/>
<path id="path5338" d="m12 903.36c3.866 0 7-3.134 7-7 0-3.866-3.134-7-7-7s-7 3.134-7 7c0 3.866 3.134 7 7 7zm0.15625-2.9687a1.0001 1.0001 0 0 1-0.09375 0 1.0001 1.0001 0 0 1-0.65625-1.8125l1.625-1.2188h-5.0312a1.0001 1.0001 0 1 1 0-2h5l-1.5938-1.1875a1.0001 1.0001 0 1 1 1.1875-1.5937l3.7188 2.7812a1.0044 1.0044 0 0 1 0.15625 1.9063l-3.875 2.9062a1.0001 1.0001 0 0 1-0.4375 0.2188z" fill="#f2f2f2"/>
<path id="path5340" d="m12 913.36c-3.866 0-7 3.134-7 7 0 3.8661 3.134 7.0001 7 7.0001s7-3.134 7-7.0001c0-3.866-3.134-7-7-7zm-0.15625 1.7187a1.2501 1.2501 0 0 1 0.125 0 1.2501 1.2501 0 0 1 1.2812 1.2813v2.75h2.75a1.2501 1.2501 0 1 1 0 2.5h-2.75v2.7501a1.2501 1.2501 0 1 1-2.5 0v-2.7501h-2.75a1.2516 1.2516 0 0 1-0.125-2.5 1.2501 1.2501 0 0 1 0.125 0h2.75v-2.75a1.2501 1.2501 0 0 1 1.0938-1.2813z" fill="#f2f2f2"/>
<path id="table-5" d="m54 819.36v2h12v-2zm0 3v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1z" fill="#f2f2f2"/>
<path id="path3684" d="m63.714 866.36-1.1428 1.1429 2.2857 2.2857 1.1428-1.1429zm-1.7143 1.7143-6.2857 6.2857 2.2857 2.2857 6.2857-6.2857zm-6.2857 6.2857-1.7143 4 4-1.7143z" fill="#f2f2f2" stroke="#999" stroke-width=".25"/>
<text id="text4457-6" x="41.647079" y="916.79706" fill="#000000" font-family="sans-serif" letter-spacing="0px" word-spacing="0px" style="line-height:0%" xml:space="preserve"><tspan id="tspan4459-6" x="41.647079" y="916.79706" font-family="sans-serif" font-size="30.476px" style="line-height:1.25"> </tspan></text>
@ -44,7 +41,6 @@
<path id="path4384-2" d="m35.742 999.44 3.0762-3.0762-3.0664-3.0664 1.1914-1.1914 3.0664 3.0664 3.0566-3.0566 1.1719 1.1816-3.0469 3.0566 3.0664 3.0664-1.1914 1.1914-3.0664-3.0664-3.0762 3.0762-1.1816-1.1816" fill="#f2f2f2"/>
</g>
<path id="path3684-2" d="m63.714 890.36-1.1428 1.1428 2.2857 2.2858 1.1428-1.1429zm-1.7143 1.7143-6.2857 6.2857 2.2857 2.2857 6.2857-6.2857zm-6.2857 6.2857-1.7143 4 4-1.7143z" fill="#b3b3b3"/>
<path id="table-5-8-8-6-1" d="m54 914.36v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1z" fill="#f2f2f2"/>
<g id="g4717" transform="translate(-54.789 -114.48)">
<path id="path3862" transform="translate(-1.2108 854.84)" d="m141.27 173.42-6.7559 2.6797 0.95313 6.3457 5.8711 3.127 4.1484-7.873zm-1.4473 2.4883 2.9902 1.6016-0.5918 2.4316-3.3574 1.5039-1.7383-3.8106z" fill="#f2f2f2" fill-rule="evenodd" stroke="#999" stroke-width=".25"/>
</g>
@ -192,5 +188,6 @@
<path id="path7" transform="translate(0 812.36)" d="m14.422 32.437c-0.40475-0.18739-0.73248-0.52689-0.90324-0.93569l-0.12909-0.30904-4.552-0.0013c-2.5036-6.92e-4 -4.6011-0.0324-4.6612-0.07045-0.065629-0.04161-0.098477-0.18071-0.08241-0.34898l0.026716-0.27979 9.2694-0.04258 0.1288-0.30835c0.37798-0.90485 1.434-1.3344 2.3039-0.93706 0.41731 0.19061 0.83509 0.6171 0.95225 0.9721l0.09065 0.27468h1.4741c1.419 0 1.4776 0.0066 1.5679 0.17524 0.06808 0.12721 0.06936 0.22886 0.0047 0.37084-0.08898 0.19528-0.09153 0.1956-1.5679 0.1956h-1.4787l-0.09216 0.27925c-0.11475 0.34769-0.60086 0.85722-0.96164 1.008-0.37806 0.15796-0.99803 0.13902-1.3901-0.04249zm1.2595-0.79648c0.57967-0.40602 0.55738-1.2431-0.04298-1.6141-0.69112-0.42713-1.6132 0.1923-1.4646 0.98396 0.08466 0.45129 0.46519 0.75878 0.939 0.75878 0.2155 0 0.46584-0.05663 0.56862-0.12862z" fill="#f2f2f2" stroke="#999" stroke-width=".25" style="paint-order:fill markers stroke"/>
<path id="path8" transform="translate(0 812.36)" d="m8.1903 37.424c-0.48722-0.17411-0.79231-0.44207-0.99467-0.87363l-0.1908-0.40689-1.3703-0.0034c-1.4983-0.0037-1.5911-0.03214-1.5406-0.47225l0.026557-0.23161 2.8423-0.0451 0.19827-0.3895c0.34789-0.68343 0.86349-1.0091 1.5923-1.0058 0.71771 0.0033 1.3415 0.43242 1.6291 1.1207l0.11636 0.27848h4.6574c4.5203 0 4.66 0.0047 4.7428 0.1594 0.1159 0.21656 0.10767 0.30093-0.04419 0.45278-0.11466 0.11466-0.66063 0.1295-4.7632 0.1295h-4.6337l-0.10498 0.2903c-0.15257 0.42194-0.62749 0.84447-1.1103 0.98785-0.49622 0.14736-0.6615 0.14879-1.0524 0.0091zm0.96896-0.84513c0.698-0.33122 0.698-1.3772 0-1.7084-0.35156-0.16682-0.49258-0.16849-0.82704-0.0098-0.33761 0.16021-0.5445 0.51333-0.5445 0.92936 0 0.36801 0.16007 0.60614 0.53566 0.79693 0.31576 0.16039 0.48419 0.15875 0.83587-0.0081z" fill="#f2f2f2" stroke="#999" stroke-width=".25" style="paint-order:fill markers stroke"/>
<path id="path9" transform="translate(0 812.36)" d="m12.773 42.244c-0.4045-0.18728-0.73246-0.52685-0.9029-0.93487l-0.12875-0.30821-7.6214-0.04285-0.026557-0.23161c-0.055311-0.48238-0.16774-0.4688 3.8893-0.46961l3.7189-7.33e-4 0.21287-0.43192c0.65163-1.3222 2.4726-1.2846 3.1257 0.06446l0.17859 0.36892h2.2972c2.2584 0 2.2988 3e-3 2.391 0.17524 0.06808 0.12721 0.06936 0.22886 0.0047 0.37084l-0.08912 0.1956h-4.6108l-0.15493 0.35024c-0.38713 0.87516-1.4373 1.2865-2.2839 0.89448zm1.0632-0.70036c0.37802-0.15795 0.5443-0.42579 0.54116-0.87174-4e-3 -0.57358-0.36338-0.90877-0.9743-0.90877-0.31204 0-0.40386 0.04292-0.64992 0.30383-0.25777 0.27331-0.28248 0.33986-0.2461 0.66262 0.04524 0.40136 0.22819 0.65122 0.5956 0.81339 0.31718 0.14001 0.39991 0.14008 0.73356 6.68e-4z" fill="#f2f2f2" stroke="#999" stroke-width=".25" style="paint-order:fill markers stroke"/>
<path id="path1-67-5" d="m154.68 963.54 4.7344 4.7344-5.0508 4.6836-1.3594-1.4668 3.5274-3.2695-3.2656-3.2656z" color="#000000" fill="#f2f2f2" fill-rule="evenodd" stroke="#999" stroke-width=".25"/>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 39 KiB

8
umap/static/umap/img/16.svg
View file

@ -30,9 +30,6 @@
<path id="table-disabled" d="m78 819.36v2h12v-2zm0 3v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1z" fill="#b3b3b3"/>
<path id="zoom" d="m13.518 866.36c-2.4668 0-4.4825 2.0158-4.4825 4.4826 0 0.8297 0.23375 1.5964 0.63035 2.2646l-3.6654 3.6653 1.5875 1.5876 3.6654-3.6654c0.66814 0.3966 1.4348 0.6303 2.2646 0.6303 2.4668 0 4.4825-2.0157 4.4825-4.4824 0-2.4668-2.0157-4.4826-4.4825-4.4826zm0 1.4943c1.6593 0 2.9883 1.329 2.9883 2.9883 0 1.6592-1.3291 2.9883-2.9883 2.9883s-2.9883-1.3291-2.9883-2.9883c0-1.6593 1.3291-2.9883 2.9883-2.9883zm0 1.4941c-0.81635 0-1.4942 0.6779-1.4942 1.4942s0.67781 1.4942 1.4942 1.4942 1.4942-0.6779 1.4942-1.4942-0.67781-1.4942-1.4942-1.4942z" color="#000000" fill="#4d4d4d" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
<path id="zoom-disabled" d="m37.518 866.36c-2.4668 0-4.4825 2.0157-4.4825 4.4825 0 0.8298 0.23375 1.5964 0.63035 2.2645l-3.6654 3.6655 1.5875 1.5875 3.6654-3.6654c0.66814 0.39662 1.4348 0.63042 2.2646 0.63042 2.4668 0 4.4825-2.0157 4.4825-4.4825s-2.0157-4.4825-4.4825-4.4825zm0 1.4942c1.6593 0 2.9883 1.329 2.9883 2.9883s-1.3291 2.9883-2.9883 2.9883-2.9883-1.329-2.9883-2.9883 1.3291-2.9883 2.9883-2.9883zm0 1.4941c-0.81636 0-1.4942 0.6779-1.4942 1.4942s0.67781 1.4942 1.4942 1.4942 1.4942-0.6779 1.4942-1.4942-0.67781-1.4942-1.4942-1.4942z" color="#000000" fill="#b3b3b3" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
<path id="path5321" d="m36 889.36c-3.866 0-7 3.134-7 7 0 3.866 3.134 7 7 7s7-3.134 7-7c0-3.866-3.134-7-7-7zm-0.15625 2.9687a1.0001 1.0001 0 0 1 0.09375 0 1.0001 1.0001 0 0 1 0.65625 1.8125l-1.625 1.2188h5.0312a1.0001 1.0001 0 1 1 0 2h-5l1.5938 1.1875a1.0001 1.0001 0 1 1-1.1875 1.5937l-3.7188-2.7812a1.0044 1.0044 0 0 1-0.15625-1.9063l3.875-2.9062a1.0001 1.0001 0 0 1 0.4375-0.2188z" fill="#f2f2f2"/>
<path id="path5338" d="m12 903.36c3.866 0 7-3.134 7-7 0-3.866-3.134-7-7-7s-7 3.134-7 7c0 3.866 3.134 7 7 7zm0.15625-2.9687a1.0001 1.0001 0 0 1-0.09375 0 1.0001 1.0001 0 0 1-0.65625-1.8125l1.625-1.2188h-5.0312a1.0001 1.0001 0 1 1 0-2h5l-1.5938-1.1875a1.0001 1.0001 0 1 1 1.1875-1.5937l3.7188 2.7812a1.0044 1.0044 0 0 1 0.15625 1.9063l-3.875 2.9062a1.0001 1.0001 0 0 1-0.4375 0.2188z" fill="#f2f2f2"/>
<path id="path5340" d="m12 913.36c-3.866 0-7 3.134-7 7 0 3.8661 3.134 7.0001 7 7.0001s7-3.134 7-7.0001c0-3.866-3.134-7-7-7zm-0.15625 1.7187a1.2501 1.2501 0 0 1 0.125 0 1.2501 1.2501 0 0 1 1.2812 1.2813v2.75h2.75a1.2501 1.2501 0 1 1 0 2.5h-2.75v2.7501a1.2501 1.2501 0 1 1-2.5 0v-2.7501h-2.75a1.2516 1.2516 0 0 1-0.125-2.5 1.2501 1.2501 0 0 1 0.125 0h2.75v-2.75a1.2501 1.2501 0 0 1 1.0938-1.2813z" fill="#f2f2f2"/>
<path id="table" d="m54 819.36v2h12v-2zm0 3v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1zm-5 2v1h4v-1zm5 0v1h7v-1z" fill="#464646"/>
<path id="close-9" d="m32.353 820.01-0.70703 0.70704 3.6465 3.6465-3.6465 3.6465 0.70703 0.70704 3.6465-3.6465 3.6465 3.6465 0.70703-0.70704-3.6465-3.6465 3.6465-3.6465-0.70703-0.70704-3.6465 3.6465z" color="#000000" fill="#4d4d4d" fill-rule="evenodd"/>
<path id="add" d="m35.192 853.36 2e-6 -4.1999-4.1923 1e-5 -3e-6 -1.6267h4.1923v-4.1733l1.6088 7e-3 0.0067 4.1666h4.1923l-3.9e-5 1.6266-4.1922 4e-5 -1.5e-5 4.1999h-1.6155" fill="#4d4d4d"/>
@ -43,7 +40,6 @@
<path id="path4384-2" d="m35.742 999.44 3.0762-3.0762-3.0664-3.0664 1.1914-1.1914 3.0664 3.0664 3.0566-3.0566 1.1719 1.1816-3.0469 3.0566 3.0664 3.0664-1.1914 1.1914-3.0664-3.0664-3.0762 3.0762-1.1816-1.1816" fill="#fff" stroke="#000" stroke-width=".1"/>
</g>
<path id="path3684-2" d="m63.714 890.36-1.1428 1.1428 2.2857 2.2858 1.1428-1.1429zm-1.7143 1.7143-6.2857 6.2857 2.2857 2.2857 6.2857-6.2857zm-6.2857 6.2857-1.7143 4 4-1.7143z" fill="#b3b3b3"/>
<path id="table-5-8-8-6" d="m30 914.86v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1z" fill="#464646"/>
<g id="share" class="sprite" transform="matrix(.66667 0 0 .66667 -54.667 282.79)">
<circle id="path4309" cx="100" cy="992.36" r="11" fill="none" stroke="#464646" stroke-width="2"/>
<circle id="path4819" transform="rotate(248.18)" cx="-963.89" cy="-276.04" r="2.5" fill="#464646"/>
@ -52,7 +48,6 @@
<path id="path4850" d="m102.39 987.48-8.0191 4.9199 8.1393 5.3224" fill="none" stroke="#464646" stroke-width="2"/>
</g>
<path id="search" class="sprite" d="m44 950.23-4.2913-4.2923c0.57759-0.95281 0.91607-2.0694 0.91607-3.2655 0-3.489-2.8236-6.3144-6.3124-6.3154-3.4865 1e-3 -6.3124 2.8266-6.3124 6.3149 0 3.486 2.8266 6.3114 6.3144 6.3114 1.1967 0 2.3116-0.3385 3.2643-0.91606l4.2936 4.2936zm-13.592-7.5586c0.0035-2.1574 1.7484-3.9023 3.9053-3.9058 2.1562 5e-3 3.9015 1.7484 3.9053 3.9058-0.0043 2.1556-1.749 3.9015-3.9053 3.9045-2.1574 0-3.9023-1.749-3.9053-3.9045z" fill="#4d4d4d" stroke-width=".66666"/>
<path id="table-5-8-8-6-1" d="m54 914.86v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1zm-2 2v1h1v-1zm2 0v1h10v-1z" fill="#f2f2f2"/>
<g id="info" transform="translate(0,2)">
<circle id="path3762" cx="108" cy="846.36" r="8" fill="#464646"/>
<circle id="path3764" cx="108" cy="842.36" r="1.5" fill="#fff"/>
@ -175,8 +170,9 @@
<path id="path8303-6" d="m42.545 974.91c0 0.80333-0.65122 1.4546-1.4545 1.4546h-10.182c-0.80332 0-1.4545-0.65122-1.4545-1.4546h13.091z" fill="#464646" stroke-width=".72727"/>
<path id="path16669" d="m36 963.88v8.3163" fill="none" marker-end="url(#Arrow1)" stroke="#464646" stroke-width="1.5"/>
</g>
<path id="copy" d="m154.25 962.61v3.5h4v4h3.5v-7.5zm-4 4v7.5h7.5v-7.5z" fill="#4d4d4d" style="paint-order:fill markers stroke"/>
<path id="copy" d="m58.25 914.36v3.5h4v4h3.5v-7.5zm-4 4v7.5h7.5v-7.5z" fill="#4d4d4d" style="paint-order:fill markers stroke"/>
<path id="path1" d="m134 964.36-4 4 4.2888 3.9769" fill="none" stroke="#4d4d4d" stroke-width="2"/>
<path id="path1-36" d="m154.29 964.07 4 4-4.2888 3.9769" fill="none" stroke="#4d4d4d" stroke-width="2"/>
<path id="path437" d="m113.38 943.56 0.9072 0.5491c0.1786 0.10817 0.2366 0.34196 0.1294 0.52223-0.0319 0.0535-0.0764 0.0983-0.1294 0.13055l-7.0072 4.2412-7.0071-4.2412c-0.17869-0.10817-0.23664-0.34196-0.12942-0.52222 0.0319-0.0536 0.0763-0.0984 0.12942-0.13056l0.90714-0.5491 6.0999 3.6922zm0 3.578 0.9072 0.5491c0.1786 0.1081 0.2366 0.3419 0.1294 0.5222-0.0319 0.0535-0.0764 0.0983-0.1294 0.1306l-6.6189 4.0061c-0.239 0.1447-0.53753 0.1447-0.77652 0l-6.6188-4.0061c-0.17869-0.1082-0.23664-0.342-0.12942-0.5223 0.0319-0.0536 0.0763-0.0984 0.12942-0.1305l0.90714-0.5491 6.0999 3.6921zm-5.7117-10.575 6.6189 4.0062c0.1786 0.10815 0.2366 0.34196 0.1294 0.52222-0.0319 0.0536-0.0764 0.0984-0.1294 0.13056l-7.0072 4.2412-7.0071-4.2412c-0.17869-0.10815-0.23664-0.34196-0.12942-0.52222 0.0319-0.0536 0.0763-0.0984 0.12942-0.13056l6.6188-4.0062c0.23899-0.14465 0.53752-0.14465 0.77652 0z" fill="#4d4d4d"/>
<path id="path1-675" d="m87.167 966.62-3.1666-2.9964-3.1666 2.9964-0.83338-0.78858 3.4333-3.2487c0.31298-0.29613 0.82041-0.29613 1.1334 0l3.4332 3.2487zm-6.3333 3.4812 3.1666 2.9964 3.1666-2.9964 0.83336 0.78859-3.4333 3.2487c-0.31297 0.29608-0.82041 0.29608-1.1334 0l-3.4333-3.2487z" clip-rule="evenodd" fill="#464646" fill-rule="evenodd"/>
<path id="path5" d="m63.167 974.36-3.1666-2.9964-3.1666 2.9964-0.83336-0.78859 3.4333-3.2487c0.31297-0.29608 0.82041-0.29608 1.1334 0l3.4333 3.2487z" fill="#464646"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 23 KiB

7
umap/static/umap/img/source/16-white.svg
View file

@ -16,7 +16,7 @@
<path d="M 16.0401,2.3158 H 2.005 v 14.0351 h 14.0351 z" fill="#ffffff" id="path1259" />
</mask>
</defs>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="12.134503" inkscape:cx="19.32506" inkscape:cy="29.296626" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" inkscape:window-width="1920" inkscape:window-height="1011" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" showguides="true" inkscape:guide-bbox="true" inkscape:snap-grids="true" inkscape:snap-to-guides="true" inkscape:showpageshadow="2" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1">
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="5.9036352" inkscape:cx="86.556838" inkscape:cy="92.231308" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" inkscape:window-width="1920" inkscape:window-height="1011" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" showguides="true" inkscape:guide-bbox="true" inkscape:snap-grids="true" inkscape:snap-to-guides="true" inkscape:showpageshadow="2" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1">
<inkscape:grid type="xygrid" id="grid3004" empspacing="4" visible="true" enabled="true" snapvisiblegridlinesonly="true" originx="0" originy="0" spacingy="1" spacingx="1" units="px" />
<sodipodi:guide orientation="-1,0" position="24,168" id="guide3084" inkscape:locked="false" inkscape:label="" inkscape:color="rgb(0,134,229)" />
<sodipodi:guide orientation="0,1" position="0,96" id="guide3086" inkscape:locked="false" inkscape:label="" inkscape:color="rgb(0,134,229)" />
@ -52,9 +52,6 @@
<path style="fill:#f2f2f2;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 35,843.36202 v 4 h -4 v 2 h 4 v 4 h 2 v -4 h 4 v -2 h -4 v -4 z" id="rect5280" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/add-layer-grey-18.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccccccccccc" />
<path style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#f2f2f2;fill-opacity:1;stroke:#999999;stroke-width:0.25;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" d="m 13.517525,866.362 c -2.466762,0 -4.48249,2.0158 -4.48249,4.4826 0,0.8297 0.233748,1.5964 0.63035,2.26462 l -3.66537,3.66532 1.587549,1.5876 3.66537,-3.66542 c 0.668139,0.3966 1.434831,0.6303 2.264591,0.6303 2.466762,0 4.48249,-2.0157 4.48249,-4.48242 0,-2.4668 -2.015728,-4.4826 -4.48249,-4.4826 z m 0,1.4943 c 1.659256,0 2.988326,1.329 2.988326,2.9883 0,1.6592 -1.32907,2.98832 -2.988326,2.98832 -1.659256,0 -2.988326,-1.32912 -2.988326,-2.98832 0,-1.6593 1.32907,-2.9883 2.988326,-2.9883 z m 0,1.4941 c -0.816354,0 -1.494163,0.6779 -1.494163,1.4942 0,0.8163 0.677809,1.4942 1.494163,1.4942 0.816354,0 1.494163,-0.6779 1.494163,-1.4942 0,-0.8163 -0.677809,-1.4942 -1.494163,-1.4942 z" id="path4354" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom_to.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" inkscape:connector-curvature="0" />
<path id="path4392" d="m 37.51751,866.36205 c -2.466762,0 -4.482491,2.0157 -4.482491,4.4825 0,0.8298 0.233749,1.5964 0.630351,2.2645 L 30,876.77459 l 1.587549,1.5875 3.665369,-3.66544 c 0.668139,0.39662 1.434831,0.63042 2.264592,0.63042 2.466762,0 4.48249,-2.01572 4.48249,-4.48252 0,-2.4668 -2.015728,-4.4825 -4.48249,-4.4825 z m 0,1.4942 c 1.659256,0 2.988327,1.329 2.988327,2.9883 0,1.6593 -1.329071,2.9883 -2.988327,2.9883 -1.659256,0 -2.988327,-1.329 -2.988327,-2.9883 0,-1.6593 1.329071,-2.9883 2.988327,-2.9883 z m 0,1.4941 c -0.816355,0 -1.494164,0.6779 -1.494164,1.4942 0,0.8163 0.677809,1.4942 1.494164,1.4942 0.816355,0 1.494163,-0.6779 1.494163,-1.4942 0,-0.8163 -0.677808,-1.4942 -1.494163,-1.4942 z" style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:3;marker:none;enable-background:accumulate" inkscape:connector-curvature="0" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom_to-off.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<path inkscape:connector-curvature="0" style="fill:#f2f2f2;fill-opacity:1;stroke:none" d="m 36,889.36215 c -3.865993,0 -7,3.134 -7,7 0,3.86602 3.134007,7.00005 7,7.00005 3.865993,0 7,-3.13404 7,-7.00005 0,-3.866 -3.134007,-7 -7,-7 z m -0.15625,2.9687 a 1.0001,1.0001 0 0 1 0.09375,0 1.0001,1.0001 0 0 1 0.65625,1.8125 l -1.625,1.2188 H 40 a 1.0001,1.0001 0 1 1 0,2 h -5 l 1.59375,1.1875 a 1.0001,1.0001 0 1 1 -1.1875,1.59372 l -3.71875,-2.78122 a 1.0043849,1.0043849 0 0 1 -0.15625,-1.9063 l 3.875,-2.9062 a 1.0001,1.0001 0 0 1 0.4375,-0.2188 z" id="path5321" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/arrow-left-16.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<path inkscape:export-ydpi="89.996864" inkscape:export-xdpi="89.996864" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/arrow-right-16.png" id="path5338" d="m 12.000015,903.36218 c 3.865993,0 7,-3.134 7,-7.00002 0,-3.866 -3.134007,-7 -7,-7 -3.865993,0 -7,3.134 -7,7 0,3.86602 3.134007,7.00002 7,7.00002 z m 0.15625,-2.9687 a 1.0001,1.0001 0 0 1 -0.09375,0 1.0001,1.0001 0 0 1 -0.65625,-1.81252 l 1.625,-1.2188 h -5.03125 a 1.0001,1.0001 0 1 1 0,-2 h 5 l -1.59375,-1.1875 a 1.0001,1.0001 0 1 1 1.1875,-1.5937 l 3.71875,2.7812 a 1.0043849,1.0043849 0 0 1 0.15625,1.9063 l -3.875,2.90622 a 1.0001,1.0001 0 0 1 -0.4375,0.2188 z" style="fill:#f2f2f2;fill-opacity:1;stroke:none" inkscape:connector-curvature="0" />
<path inkscape:connector-curvature="0" style="fill:#f2f2f2;fill-opacity:1;stroke:none" d="m 12.000015,913.3621 c -3.865993,0 -7,3.134 -7,7 0,3.8661 3.134007,7.0001 7,7.0001 3.865993,0 7,-3.134 7,-7.0001 0,-3.866 -3.134007,-7 -7,-7 z m -0.15625,1.7187 a 1.250125,1.250125 0 0 1 0.125,0 1.250125,1.250125 0 0 1 1.28125,1.2813 v 2.75 h 2.75 a 1.250125,1.250125 0 1 1 0,2.5 h -2.75 v 2.7501 a 1.250125,1.250125 0 1 1 -2.5,0 v -2.7501 h -2.75 a 1.2515615,1.2515615 0 0 1 -0.125,-2.5 1.250125,1.250125 0 0 1 0.125,0 h 2.75 v -2.75 a 1.250125,1.250125 0 0 1 1.09375,-1.2813 z" id="path5340" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom-grey-16.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<path style="fill:#f2f2f2;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 54,819.36214 v 2 h 12 v -2 z m 0,3 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z" id="table-5" inkscape:connector-curvature="0" inkscape:label="table" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/browse-data.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<g transform="translate(32,-48.000118)" style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none" id="text3784-6" />
<path style="fill:#f2f2f2;fill-opacity:1;stroke:#999999;stroke-width:0.25;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 63.71429,866.36213 -1.14285,1.14286 2.28571,2.28572 L 66,868.64785 Z M 62,868.07641 l -6.285714,6.28574 2.285715,2.2857 6.285719,-6.28572 z M 55.714286,874.36215 54,878.36214 l 4.000001,-1.71429 z" id="path3684" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccccccccccc" />
@ -63,7 +60,6 @@
<path inkscape:connector-curvature="0" id="path4384-2" style="font-variant:normal;font-stretch:normal;font-size:20px;font-family:Arial;-inkscape-font-specification:Arial;fill:#f2f2f2;fill-opacity:1" d="m 35.742187,999.43835 3.076172,-3.07617 -3.066406,-3.0664 1.191406,-1.19141 3.066407,3.06641 3.05664,-3.05664 1.171875,1.18164 -3.046875,3.05664 3.066406,3.0664 -1.191406,1.19138 L 40,997.54382 36.923828,1000.62 35.742187,999.43835" />
</g>
<path style="fill:#b3b3b3;fill-opacity:1;stroke:none" d="m 63.71429,890.36216 -1.14285,1.1428 2.28571,2.2858 L 66,892.64786 Z M 62,892.07646 55.714286,898.36218 58,900.64788 l 6.28572,-6.2857 z m -6.285714,6.28572 -1.714286,4 4,-1.7143 z" id="path3684-2" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccccccccccc" />
<path inkscape:connector-curvature="0" id="table-5-8-8-6-1" style="fill:#f2f2f2;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 54,914.3622 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z" />
<g id="g4717" transform="translate(-54.789185,-114.477)">
<path style="fill:#f2f2f2;fill-opacity:1;fill-rule:evenodd;stroke:#999999;stroke-width:0.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 141.26953,173.42383 -6.75586,2.67969 0.95313,6.3457 5.87109,3.12695 4.14844,-7.87305 z m -1.44726,2.48828 2.99023,1.60156 -0.5918,2.43164 -3.35742,1.50391 -1.73828,-3.81055 z" transform="translate(-1.210815,854.83918)" id="path3862" inkscape:connector-curvature="0" />
</g>
@ -214,5 +210,6 @@
<path style="fill:#f2f2f2;stroke:#999999;stroke-width:0.25;paint-order:fill markers stroke" d="m 14.421687,32.436774 c -0.404754,-0.187394 -0.732475,-0.526889 -0.903241,-0.93569 l -0.129092,-0.309036 -4.5520263,-0.0013 c -2.5036146,-6.92e-4 -4.601133,-0.0324 -4.661152,-0.07045 -0.065629,-0.04161 -0.098477,-0.18071 -0.08241,-0.348979 l 0.026716,-0.279792 4.6347227,-0.02129 4.6347226,-0.02129 0.128805,-0.308351 c 0.377978,-0.904848 1.434044,-1.334376 2.303918,-0.937059 0.417306,0.190606 0.835088,0.617095 0.952249,0.972096 l 0.09065,0.274685 h 1.474083 c 1.418969,0 1.477589,0.0066 1.567871,0.175244 0.06808,0.127208 0.06936,0.228859 0.0047,0.370843 -0.08898,0.195282 -0.09153,0.1956 -1.567871,0.1956 h -1.478749 l -0.09216,0.279253 c -0.114748,0.347688 -0.600864,0.857219 -0.961643,1.007963 -0.378064,0.157965 -0.998032,0.139015 -1.390062,-0.04249 z m 1.259483,-0.796476 c 0.579671,-0.406017 0.557382,-1.24308 -0.04298,-1.614124 -0.691117,-0.427134 -1.613162,0.192303 -1.464646,0.983962 0.08466,0.451286 0.465191,0.758779 0.939003,0.758779 0.215497,0 0.46584,-0.05663 0.568623,-0.128617 z" id="path7" transform="translate(0,812.36218)" />
<path style="fill:#f2f2f2;stroke:#999999;stroke-width:0.25;paint-order:fill markers stroke" d="m 8.1902877,37.423896 c -0.4872187,-0.174113 -0.7923051,-0.442073 -0.9946703,-0.873627 l -0.1907982,-0.406887 -1.3702708,-0.0034 c -1.4982701,-0.0037 -1.5910875,-0.03214 -1.5406237,-0.47225 l 0.026557,-0.23161 1.4211632,-0.02255 1.4211632,-0.02255 0.1982698,-0.389502 c 0.347892,-0.683434 0.8634941,-1.009111 1.592299,-1.005764 0.7177082,0.0033 1.3415151,0.432422 1.6290831,1.120669 l 0.116359,0.278485 h 4.65745 c 4.520341,0 4.659962,0.0047 4.742759,0.159402 0.1159,0.216562 0.107667,0.300926 -0.04419,0.452784 -0.114657,0.114657 -0.660626,0.129501 -4.763204,0.129501 h -4.633703 l -0.104975,0.290304 c -0.152574,0.421935 -0.6274874,0.844474 -1.1103021,0.987854 -0.4962156,0.147361 -0.6614998,0.148792 -1.0523644,0.0091 z m 0.9689602,-0.845129 c 0.6980003,-0.331223 0.6980003,-1.377155 0,-1.708378 -0.3515556,-0.166824 -0.4925823,-0.168492 -0.8270409,-0.0098 -0.3376099,0.160207 -0.5444962,0.513326 -0.5444962,0.929363 0,0.368008 0.1600657,0.606145 0.5356626,0.796928 0.3157622,0.16039 0.4841923,0.158752 0.8358745,-0.0081 z" id="path8" transform="translate(0,812.36218)" />
<path style="fill:#f2f2f2;stroke:#999999;stroke-width:0.25;paint-order:fill markers stroke" d="m 12.773494,42.243521 c -0.4045,-0.187277 -0.732456,-0.526846 -0.902897,-0.934868 l -0.128748,-0.308213 -3.8106837,-0.02143 -3.8106834,-0.02142 -0.026557,-0.23161 c -0.055311,-0.482381 -0.1677415,-0.468805 3.8892984,-0.469606 l 3.7189457,-7.33e-4 0.21287,-0.431917 c 0.651632,-1.322166 2.472575,-1.284611 3.125651,0.06446 l 0.178591,0.36892 h 2.297219 c 2.258426,0 2.298803,0.003 2.391007,0.175244 0.06808,0.127207 0.06936,0.228859 0.0047,0.370843 l -0.08912,0.1956 h -2.305381 -2.30538 l -0.15493,0.350241 c -0.387132,0.875164 -1.437261,1.286451 -2.283867,0.894485 z m 1.063202,-0.700358 c 0.378023,-0.157949 0.544298,-0.425794 0.541165,-0.871741 -0.004,-0.573585 -0.363385,-0.908772 -0.974299,-0.908772 -0.312041,0 -0.40386,0.04292 -0.649922,0.303826 -0.257768,0.273313 -0.282484,0.339859 -0.246104,0.662621 0.04524,0.401361 0.228194,0.651219 0.595596,0.813394 0.317179,0.140006 0.399909,0.140082 0.733564,6.68e-4 z" id="path9" transform="translate(0,812.36218)" />
<path style="color:#000000;fill:#f2f2f2;fill-opacity:1;fill-rule:evenodd;stroke:#999999;stroke-width:0.25;stroke-dasharray:none;stroke-opacity:1" d="m 154.67579,963.53902 4.73437,4.73437 -5.05078,4.6836 -1.35938,-1.4668 3.52735,-3.26953 -3.26563,-3.26563 z" id="path1-67-5" />
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 70 KiB

10
umap/static/umap/img/source/16.svg
View file

@ -10,7 +10,7 @@
<path d="M 16.0401,2.3158 H 2.005 v 14.0351 h 14.0351 z" fill="#ffffff" id="path2351" />
</mask>
</defs>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="8.783299" inkscape:cx="35.578887" inkscape:cy="40.702246" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" inkscape:window-width="1920" inkscape:window-height="1011" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" showguides="true" inkscape:guide-bbox="true" inkscape:snap-grids="true" inkscape:snap-to-guides="true" inkscape:showpageshadow="2" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1">
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4061662" inkscape:cx="51.670996" inkscape:cy="99.378592" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" inkscape:window-width="1920" inkscape:window-height="1011" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" showguides="true" inkscape:guide-bbox="true" inkscape:snap-grids="true" inkscape:snap-to-guides="true" inkscape:showpageshadow="2" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1">
<inkscape:grid type="xygrid" id="grid3004" empspacing="4" visible="true" enabled="true" snapvisiblegridlinesonly="true" originx="0" originy="0" spacingy="1" spacingx="1" units="px" />
<sodipodi:guide orientation="-1,0" position="24,168" id="guide3084" inkscape:locked="false" inkscape:label="" inkscape:color="rgb(0,134,229)" />
<sodipodi:guide orientation="0,1" position="0,120" id="guide3086" inkscape:locked="false" inkscape:label="" inkscape:color="rgb(0,134,229)" />
@ -48,9 +48,6 @@
<path style="fill:#b3b3b3;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 78,819.36214 v 2 h 12 v -2 z m 0,3 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z" id="table-disabled" inkscape:connector-curvature="0" inkscape:label="" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/browse-data.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<path style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:3;marker:none;enable-background:accumulate" d="m 13.51751,866.36211 c -2.466762,0 -4.48249,2.0158 -4.48249,4.4826 0,0.8297 0.233748,1.5964 0.63035,2.26462 L 6,876.77465 l 1.587549,1.5876 3.66537,-3.66542 c 0.668139,0.3966 1.434831,0.6303 2.264591,0.6303 2.466762,0 4.48249,-2.0157 4.48249,-4.48242 0,-2.4668 -2.015728,-4.4826 -4.48249,-4.4826 z m 0,1.4943 c 1.659256,0 2.988326,1.329 2.988326,2.9883 0,1.6592 -1.32907,2.98832 -2.988326,2.98832 -1.659256,0 -2.988326,-1.32912 -2.988326,-2.98832 0,-1.6593 1.32907,-2.9883 2.988326,-2.9883 z m 0,1.4941 c -0.816354,0 -1.494163,0.6779 -1.494163,1.4942 0,0.8163 0.677809,1.4942 1.494163,1.4942 0.816354,0 1.494163,-0.6779 1.494163,-1.4942 0,-0.8163 -0.677809,-1.4942 -1.494163,-1.4942 z" id="zoom" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom_to.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" inkscape:connector-curvature="0" />
<path id="zoom-disabled" d="m 37.51751,866.36216 c -2.466762,0 -4.482491,2.0157 -4.482491,4.4825 0,0.8298 0.233749,1.5964 0.630351,2.2645 L 30,876.7747 l 1.587549,1.5875 3.665369,-3.66544 c 0.668139,0.39662 1.434831,0.63042 2.264592,0.63042 2.466762,0 4.48249,-2.01572 4.48249,-4.48252 0,-2.4668 -2.015728,-4.4825 -4.48249,-4.4825 z m 0,1.4942 c 1.659256,0 2.988327,1.329 2.988327,2.9883 0,1.6593 -1.329071,2.9883 -2.988327,2.9883 -1.659256,0 -2.988327,-1.329 -2.988327,-2.9883 0,-1.6593 1.329071,-2.9883 2.988327,-2.9883 z m 0,1.4941 c -0.816355,0 -1.494164,0.6779 -1.494164,1.4942 0,0.8163 0.677809,1.4942 1.494164,1.4942 0.816355,0 1.494163,-0.6779 1.494163,-1.4942 0,-0.8163 -0.677808,-1.4942 -1.494163,-1.4942 z" style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:3;marker:none;enable-background:accumulate" inkscape:connector-curvature="0" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom_to-off.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<path inkscape:connector-curvature="0" style="fill:#f2f2f2;fill-opacity:1;stroke:none" d="m 36,889.36215 c -3.865993,0 -7,3.134 -7,7 0,3.86602 3.134007,7.00005 7,7.00005 3.865993,0 7,-3.13404 7,-7.00005 0,-3.866 -3.134007,-7 -7,-7 z m -0.15625,2.9687 a 1.0001,1.0001 0 0 1 0.09375,0 1.0001,1.0001 0 0 1 0.65625,1.8125 l -1.625,1.2188 H 40 a 1.0001,1.0001 0 1 1 0,2 h -5 l 1.59375,1.1875 a 1.0001,1.0001 0 1 1 -1.1875,1.59372 l -3.71875,-2.78122 a 1.0043849,1.0043849 0 0 1 -0.15625,-1.9063 l 3.875,-2.9062 a 1.0001,1.0001 0 0 1 0.4375,-0.2188 z" id="path5321" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/arrow-left-16.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<path inkscape:export-ydpi="89.996864" inkscape:export-xdpi="89.996864" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/arrow-right-16.png" id="path5338" d="m 12,903.36219 c 3.865993,0 7,-3.134 7,-7.00002 0,-3.866 -3.134007,-7 -7,-7 -3.865993,0 -7,3.134 -7,7 0,3.86602 3.134007,7.00002 7,7.00002 z m 0.15625,-2.9687 a 1.0001,1.0001 0 0 1 -0.09375,0 1.0001,1.0001 0 0 1 -0.65625,-1.81252 l 1.625,-1.2188 H 8 a 1.0001,1.0001 0 1 1 0,-2 h 5 l -1.59375,-1.1875 a 1.0001,1.0001 0 1 1 1.1875,-1.5937 l 3.71875,2.7812 a 1.0043849,1.0043849 0 0 1 0.15625,1.9063 l -3.875,2.90622 a 1.0001,1.0001 0 0 1 -0.4375,0.2188 z" style="fill:#f2f2f2;fill-opacity:1;stroke:none" inkscape:connector-curvature="0" />
<path inkscape:connector-curvature="0" style="fill:#f2f2f2;fill-opacity:1;stroke:none" d="m 12,913.36213 c -3.865993,0 -7,3.134 -7,7 0,3.8661 3.134007,7.0001 7,7.0001 3.865993,0 7,-3.134 7,-7.0001 0,-3.866 -3.134007,-7 -7,-7 z m -0.15625,1.7187 a 1.250125,1.250125 0 0 1 0.125,0 1.250125,1.250125 0 0 1 1.28125,1.2813 v 2.75 H 16 a 1.250125,1.250125 0 1 1 0,2.5 h -2.75 v 2.7501 a 1.250125,1.250125 0 1 1 -2.5,0 v -2.7501 H 8 a 1.2515615,1.2515615 0 0 1 -0.125,-2.5 1.250125,1.250125 0 0 1 0.125,0 h 2.75 v -2.75 a 1.250125,1.250125 0 0 1 1.09375,-1.2813 z" id="path5340" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom-grey-16.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<path style="fill:#464646;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 54,819.36218 v 2 h 12 v -2 z m 0,3 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z m -5,2 v 1 h 4 v -1 z m 5,0 v 1 h 7 v -1 z" id="table" inkscape:connector-curvature="0" inkscape:label="" inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/browse-data.png" inkscape:export-xdpi="89.996864" inkscape:export-ydpi="89.996864" />
<g transform="translate(32,-54.000118)" style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none" id="text3784-6" />
<path id="close-9" style="color:#000000;fill:#4d4d4d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.188976;stroke-dasharray:none;stroke-opacity:1" d="m 32.353032,820.00818 -0.707032,0.70704 3.646485,3.64648 -3.646485,3.64648 0.707032,0.70704 3.646484,-3.64649 3.646484,3.64649 0.707032,-0.70704 -3.646485,-3.64648 3.646485,-3.64648 -0.707032,-0.70704 -3.646484,3.64649 z" />
@ -62,7 +59,6 @@
<path inkscape:connector-curvature="0" id="path4384-2" style="font-variant:normal;font-stretch:normal;font-size:20px;font-family:Arial;-inkscape-font-specification:Arial;fill:#ffffff;stroke:#000000;stroke-width:0.1;stroke-dasharray:none;stroke-opacity:1" d="m 35.742187,999.43835 3.076172,-3.07617 -3.066406,-3.0664 1.191406,-1.19141 3.066407,3.06641 3.05664,-3.05664 1.171875,1.18164 -3.046875,3.05664 3.066406,3.0664 -1.191406,1.19138 L 40,997.54382 36.923828,1000.62 35.742187,999.43835" />
</g>
<path style="fill:#b3b3b3;fill-opacity:1;stroke:none" d="m 63.71429,890.36216 -1.14285,1.1428 2.28571,2.2858 L 66,892.64786 Z M 62,892.07646 55.714286,898.36218 58,900.64788 l 6.28572,-6.2857 z m -6.285714,6.28572 -1.714286,4 4,-1.7143 z" id="path3684-2" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccccccccccc" />
<path id="table-5-8-8-6" style="fill:#464646;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 30,914.86218 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z" inkscape:connector-curvature="0" />
<g id="share" class="sprite" transform="matrix(0.66666667,0,0,0.66666667,-54.666667,282.78885)">
<circle id="path4309" cx="100" cy="992.35999" r="11" fill="none" stroke="#464646" stroke-width="2" />
<circle id="path4819" transform="rotate(-111.82)" cx="-963.89001" cy="-276.04001" r="2.5" fill="#464646" />
@ -71,7 +67,6 @@
<path id="path4850" d="m 102.39,987.48 -8.0191,4.9199 8.1393,5.3224" fill="none" stroke="#464646" stroke-width="2" />
</g>
<path id="search" class="sprite" d="m 44,950.23355 -4.291316,-4.29232 c 0.577593,-0.95281 0.916066,-2.06944 0.916066,-3.26554 0,-3.48904 -2.823586,-6.31439 -6.312375,-6.3154 C 30.825854,936.36129 28,939.1869 28,942.67518 c 0,3.48602 2.82661,6.31137 6.314391,6.31137 1.196735,0 2.311555,-0.3385 3.264283,-0.91606 l 4.293583,4.29358 z m -13.591561,-7.55862 c 0.0035,-2.15737 1.748425,-3.90227 3.905296,-3.9058 2.156165,0.005 3.901517,1.74843 3.905297,3.9058 -0.0043,2.15556 -1.749031,3.90152 -3.905297,3.90454 -2.157375,0 -3.902272,-1.74903 -3.905296,-3.90454 z" fill="#4d4d4d" stroke-width="0.666664" />
<path inkscape:connector-curvature="0" id="table-5-8-8-6-1" style="fill:#f2f2f2;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 54,914.86218 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z m -2,2 v 1 h 1 v -1 z m 2,0 v 1 h 10 v -1 z" />
<g id="info" transform="translate(0,2)">
<circle style="fill:#464646;fill-opacity:1;stroke:none" id="path3762" cx="108" cy="846.36218" r="8" />
<circle style="fill:#ffffff;fill-opacity:1;stroke:none" id="path3764" cx="108" cy="842.36218" r="1.5" />
@ -194,8 +189,9 @@
<path style="fill:#464646;fill-opacity:1;stroke-width:0.727273" d="m 42.545455,974.90763 c 0,0.80333 -0.651223,1.45455 -1.454546,1.45455 H 30.909091 c -0.803323,0 -1.454546,-0.65122 -1.454546,-1.45455 2.557093,0 9.805435,0 13.09091,0 z" id="path8303-6" />
<path style="fill:none;fill-rule:evenodd;stroke:#464646;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#Arrow1)" d="m 36,963.87832 v 8.3163" id="path16669" sodipodi:nodetypes="cc" />
</g>
<path id="copy" style="fill:#4d4d4d;paint-order:fill markers stroke" d="m 154.25,962.61218 v 3.5 h 4 v 4 h 3.5 v -7.5 z m -4,4 v 7.5 h 7.5 v -7.5 z" />
<path id="copy" style="fill:#4d4d4d;paint-order:fill markers stroke" d="m 58.25,914.36215 v 3.5 h 4 v 4 h 3.5 v -7.5 z m -4,4 v 7.5 h 7.5 v -7.5 z" />
<path style="fill:none;fill-rule:evenodd;stroke:#4d4d4d;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none" d="m 134,964.36218 -4,4 4.28879,3.97691" id="path1" sodipodi:nodetypes="ccc" />
<path style="fill:none;fill-rule:evenodd;stroke:#4d4d4d;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1" d="m 154.28879,964.06929 4,4 -4.28879,3.97691" id="path1-36" sodipodi:nodetypes="ccc" />
<path d="m 113.37897,943.55658 0.9072,0.5491 c 0.1786,0.10817 0.2366,0.34196 0.1294,0.52223 -0.0319,0.0535 -0.0764,0.0983 -0.1294,0.13055 l -7.00717,4.24121 -7.00708,-4.24121 c -0.17869,-0.10817 -0.23664,-0.34196 -0.12942,-0.52222 0.0319,-0.0536 0.0763,-0.0984 0.12942,-0.13056 l 0.90714,-0.5491 6.09994,3.69219 z m 0,3.57799 0.9072,0.5491 c 0.1786,0.1081 0.2366,0.3419 0.1294,0.5222 -0.0319,0.0535 -0.0764,0.0983 -0.1294,0.1306 l -6.61891,4.0061 c -0.239,0.1447 -0.53753,0.1447 -0.77652,0 l -6.61882,-4.0061 c -0.17869,-0.1082 -0.23664,-0.342 -0.12942,-0.5223 0.0319,-0.0536 0.0763,-0.0984 0.12942,-0.1305 l 0.90714,-0.5491 6.09994,3.6921 z m -5.71171,-10.57501 6.61891,4.00621 c 0.1786,0.10815 0.2366,0.34196 0.1294,0.52222 -0.0319,0.0536 -0.0764,0.0984 -0.1294,0.13056 l -7.00717,4.24119 -7.00708,-4.24119 c -0.17869,-0.10815 -0.23664,-0.34196 -0.12942,-0.52222 0.0319,-0.0536 0.0763,-0.0984 0.12942,-0.13056 l 6.61882,-4.00621 c 0.23899,-0.14465 0.53752,-0.14465 0.77652,0 z" fill="#4d4d4d" id="path437" style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.178;stroke-dasharray:none;stroke-opacity:1" />
<path fill-rule="evenodd" clip-rule="evenodd" d="m 87.166638,966.62162 -3.166579,-2.99638 -3.166613,2.99638 -0.833375,-0.78858 3.4333,-3.24873 c 0.312979,-0.29613 0.82041,-0.29613 1.133389,0 l 3.43324,3.24873 z m -6.333275,3.48122 3.166626,2.99639 3.166649,-2.99639 0.833362,0.78859 -3.433322,3.24872 c -0.312968,0.29608 -0.820411,0.29608 -1.133378,0 l -3.4333,-3.24872 z" fill="#efefef" id="path1-675" style="stroke-width:0.999996;fill:#464646;fill-opacity:1" />
<path style="fill:#464646;fill-opacity:1;stroke-width:0.999996" d="m 63.166637,974.36218 -3.166626,-2.99639 -3.166649,2.99639 -0.833362,-0.78859 3.433322,-3.24872 c 0.312968,-0.29608 0.820411,-0.29608 1.133378,0 l 3.4333,3.24872 z" id="path5" />

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 44 KiB

28
umap/static/umap/js/components/alerts/alert.css
View file

@ -14,7 +14,7 @@
display: flex;
justify-content: space-between;
align-items: flex-start;
left: 50%;
inset-inline-start: 50%;
transform: translate(-50%, 0);
max-width: calc(100% - var(--panel-gutter) * 2);
width: max-content;
@ -25,20 +25,29 @@
min-width: 60%;
background-size: 20px;
background-position: 0 15px;
padding-left: 28px;
padding-inline-start: 28px;
}
.umap-alert[role="dialog"][data-level="info"] > div {
background-image: url('../../../img/alert-icon-info.svg');
background-repeat: no-repeat;
}
html[dir="rtl"] .umap-alert[role="dialog"][data-level="info"] > div {
background-position: right;
}
.umap-alert[role="dialog"][data-level="success"] > div {
background-image: url('../../../img/alert-icon-success.svg');
background-repeat: no-repeat;
}
html[dir="rtl"] .umap-alert[role="dialog"][data-level="success"] > div {
background-position: right;
}
.umap-alert[role="dialog"][data-level="error"] > div {
background-image: url('../../../img/alert-icon-error.svg');
background-repeat: no-repeat;
}
html[dir="rtl"] .umap-alert[role="dialog"][data-level="error"] > div {
background-position: right;
}
.umap-alert[role="dialog"][data-level="error"] {
background-color: var(--color-darkRed);
}
@ -51,9 +60,12 @@
}
.umap-alert[role="dialog"] a[target="_blank"] {
background: url('../../../img/icon-external-link.svg') no-repeat right center;
padding-right: 14px;
padding-inline-end: 14px;
background-size: 12px;
}
html[dir="rtl"] .umap-alert[role="dialog"] a[target="_blank"] {
background: url('../../../img/icon-external-link.svg') no-repeat left center;
}
h3[role="alert"] {
margin-bottom: 0;
margin-top: 1rem;
@ -74,14 +86,14 @@ h3[role="alert"] + p {
}
[role="group"] input:not([type="checkbox"], [type="radio"]):not(:last-child),
[role="group"] > :not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-start-end-radius: 0;
border-end-end-radius: 0;
}
[role="group"] input:not([type="checkbox"], [type="radio"]):not(:first-child),
[role="group"] > :not(:first-child) {
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-inline-start: 0;
border-start-start-radius: 0;
border-end-start-radius: 0;
width: 45%;
}
[role="group"] input[type="submit"] {

8
umap/static/umap/js/modules/rendering/template.js
View file

@ -43,10 +43,10 @@ class PopupTemplate {
renderFooter(feature, container) {
if (feature.hasPopupFooter()) {
const template = `
<ul class="umap-popup-footer">
<li rel="prev" data-ref="previous"></li>
<li class="zoom" data-ref="zoom" title="${translate('Zoom to this feature')}"></li>
<li rel="next" data-ref="next"></li>
<ul class="umap-popup-footer dark">
<li rel="prev"><button class="icon icon-16 icon-back" data-ref="previous"></button></li>
<li class="zoom" title="${translate('Zoom to this feature')}"><button class="icon icon-16 icon-zoom" data-ref="zoom"></button></li>
<li rel="next"><button class="icon icon-16 icon-forward" data-ref="next"></button></li>
</ul>`
const [footer, { previous, zoom, next }] = Utils.loadTemplateWithRefs(template)
const nextFeature = feature.getNext()

113
umap/static/umap/js/modules/share.js
View file

@ -1,4 +1,7 @@
import { DomUtil } from '../../vendors/leaflet/leaflet-src.esm.js'
import { EXPORT_FORMATS } from './formatter.js'
import { translate } from './i18n.js'
import * as Utils from './utils.js'
export default class Share {
constructor(map) {
@ -6,85 +9,103 @@ export default class Share {
}
build() {
this.container = L.DomUtil.create('div', '')
this.title = L.DomUtil.createTitle(
this.container = DomUtil.create('div', '')
this.title = DomUtil.createTitle(
this.container,
L._('Share and download'),
translate('Share and download'),
'icon-share'
)
L.DomUtil.createCopiableInput(
DomUtil.createCopiableInput(
this.container,
L._('Link to view the map'),
window.location.protocol + U.Utils.getBaseUrl()
translate('Link to view the map'),
window.location.protocol + Utils.getBaseUrl()
)
if (this.map.options.shortUrl) {
L.DomUtil.createCopiableInput(
DomUtil.createCopiableInput(
this.container,
L._('Short link'),
translate('Short link'),
this.map.options.shortUrl
)
}
L.DomUtil.create('hr', '', this.container)
DomUtil.create('hr', '', this.container)
L.DomUtil.add('h4', '', this.container, L._('Download'))
L.DomUtil.add('small', 'label', this.container, L._("Only visible layers' data"))
for (const format of Object.keys(EXPORT_FORMATS)) {
L.DomUtil.createButton('download-file', this.container, format, () =>
this.download(format)
)
}
L.DomUtil.create('div', 'vspace', this.container)
L.DomUtil.add(
DomUtil.add('h4', '', this.container, translate('Download'))
DomUtil.add(
'small',
'label',
this.container,
L._('All data and settings of the map')
translate("Only visible layers' data")
)
const downloadUrl = U.Utils.template(this.map.options.urls.map_download, {
const list = document.createElement('ul')
list.classList.add('downloads')
this.container.appendChild(list)
for (const format of Object.keys(EXPORT_FORMATS)) {
const button = Utils.loadTemplate(`
<li>
<button class="flat" type="button">
<i class="icon icon-16 icon-download"></i>${format}
</button>
</li>
`)
button.addEventListener('click', () => this.download(format))
list.appendChild(button)
}
DomUtil.create('div', 'vspace', this.container)
DomUtil.add(
'small',
'label',
this.container,
translate('All data and settings of the map')
)
const downloadUrl = Utils.template(this.map.options.urls.map_download, {
map_id: this.map.options.umap_id,
})
const link = L.DomUtil.createLink(
'download-backup',
this.container,
L._('full backup'),
downloadUrl
)
let name = this.map.options.name || 'data'
name = name.replace(/[^a-z0-9]/gi, '_').toLowerCase()
link.setAttribute('download', `${name}.umap`)
L.DomUtil.create('hr', '', this.container)
const link = Utils.loadTemplate(`
<div>
<a href="${downloadUrl}">
<i class="icon icon-16 icon-backup"></i>${translate('full backup')}
</a>
</div>
`)
this.container.appendChild(link)
// File will be named by back-office
link.setAttribute('download', 'backup.umap')
DomUtil.create('hr', '', this.container)
const embedTitle = L.DomUtil.add('h4', '', this.container, L._('Embed the map'))
const iframe = L.DomUtil.create('textarea', 'umap-share-iframe', this.container)
const urlTitle = L.DomUtil.add('h4', '', this.container, L._('Direct link'))
const exportUrl = L.DomUtil.createCopiableInput(
const embedTitle = DomUtil.add('h4', '', this.container, translate('Embed the map'))
const iframe = DomUtil.create('textarea', 'umap-share-iframe', this.container)
const urlTitle = DomUtil.add('h4', '', this.container, translate('Direct link'))
const exportUrl = DomUtil.createCopiableInput(
this.container,
L._('Share this link to open a customized map view'),
translate('Share this link to open a customized map view'),
''
)
exportUrl.type = 'text'
const UIFields = [
['dimensions.width', { handler: 'Input', label: L._('width') }],
['dimensions.height', { handler: 'Input', label: L._('height') }],
['dimensions.width', { handler: 'Input', label: translate('width') }],
['dimensions.height', { handler: 'Input', label: translate('height') }],
[
'options.includeFullScreenLink',
{ handler: 'Switch', label: L._('Include full screen link?') },
{ handler: 'Switch', label: translate('Include full screen link?') },
],
[
'options.currentView',
{ handler: 'Switch', label: L._('Current view instead of default map view?') },
{
handler: 'Switch',
label: translate('Current view instead of default map view?'),
},
],
[
'options.keepCurrentDatalayers',
{ handler: 'Switch', label: L._('Keep current visible layers') },
{ handler: 'Switch', label: translate('Keep current visible layers') },
],
[
'options.viewCurrentFeature',
{ handler: 'Switch', label: L._('Open current feature on load') },
{ handler: 'Switch', label: translate('Open current feature on load') },
],
'queryString.moreControl',
'queryString.scrollWheelZoom',
@ -106,9 +127,9 @@ export default class Share {
const builder = new U.FormBuilder(iframeExporter, UIFields, {
callback: buildIframeCode,
})
const iframeOptions = L.DomUtil.createFieldset(
const iframeOptions = DomUtil.createFieldset(
this.container,
L._('Embed and link options')
translate('Embed and link options')
)
iframeOptions.appendChild(builder.build())
}
@ -144,7 +165,7 @@ export default class Share {
class IframeExporter {
constructor(map) {
this.map = map
this.baseUrl = U.Utils.getBaseUrl()
this.baseUrl = Utils.getBaseUrl()
this.options = {
includeFullScreenLink: true,
currentView: false,
@ -199,7 +220,7 @@ class IframeExporter {
}
const currentView = this.options.currentView ? window.location.hash : ''
const queryString = L.extend({}, this.queryString, options)
return `${this.baseUrl}?${U.Utils.buildQueryString(queryString)}${currentView}`
return `${this.baseUrl}?${Utils.buildQueryString(queryString)}${currentView}`
}
build() {
@ -207,7 +228,7 @@ class IframeExporter {
let code = `<iframe width="${this.dimensions.width}" height="${this.dimensions.height}" frameborder="0" allowfullscreen allow="geolocation" src="${iframeUrl}"></iframe>`
if (this.options.includeFullScreenLink) {
const fullUrl = this.buildUrl({ scrollWheelZoom: true })
code += `<p><a href="${fullUrl}">${L._('See full screen')}</a></p>`
code += `<p><a href="${fullUrl}">${translate('See full screen')}</a></p>`
}
return code
}

18
umap/static/umap/js/umap.core.js
View file

@ -128,13 +128,17 @@ L.DomUtil.createIcon = (parent, className, title, size = 16) => {
})
}
L.DomUtil.createButtonIcon = (parent, className, title, size = 16) => {
return L.DomUtil.element({
L.DomUtil.createButtonIcon = (parent, className, title, callback, size = 16) => {
const el = L.DomUtil.element({
tagName: 'button',
parent: parent,
className: `icon icon-${size} ${className}`,
title: title || '',
})
if (callback) {
L.DomEvent.on(el, 'click', L.DomEvent.stop).on(el, 'click', callback)
}
return el
}
L.DomUtil.createTitle = (parent, text, className, tag = 'h3') => {
@ -151,14 +155,10 @@ L.DomUtil.createCopiableInput = (parent, label, value) => {
input.type = 'text'
input.readOnly = true
input.value = value
const button = L.DomUtil.createButton(
'',
wrapper,
'',
() => L.Util.copyToClipboard(input.value),
this
const button = L.DomUtil.createButtonIcon(wrapper, 'icon-copy', L._('copy'), () =>
L.Util.copyToClipboard(input.value)
)
button.title = L._('copy')
button.type = 'button'
return input
}

173
umap/static/umap/map.css
View file

@ -1,3 +1,24 @@
/* ************* */
/* temporary fix */
/* ************* */
/* https://github.com/umap-project/umap/pull/2046#issuecomment-2278046469 */
html[dir="rtl"] .leaflet-inplace-toolbar {
direction: ltr;
}
html[dir="rtl"] .leaflet-inplace-toolbar > * {
direction: rtl;
}
html[dir="rtl"] .leaflet-tooltip-pane {
direction: ltr;
}
html[dir="rtl"] .leaflet-tooltip-pane > * {
direction: rtl;
}
.marker-cluster div { /* fix cluster icon for rtl */
margin-left: unset;
margin-inline-start: 5px;
}
/* *********** */
/* Map details */
/* *********** */
@ -138,7 +159,7 @@
font-size: 0.8em;
}
.umap-control-text [type="button"] {
float: right;
float: inline-end;
background-color: #666;
margin: 0;
width: 36px;
@ -150,11 +171,10 @@
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
vertical-align: -20%;
background-image: url('./img/16-white.svg');
background-position: -52px -49px;
background-position: -48px -48px;
}
.leaflet-control-edit-enable [type="button"] {
width: initial;
padding: 0 20px;
@ -172,7 +192,7 @@
}
.umap-permanent-credits-container {
max-width: 20rem;
margin-left: 5px!important;
margin-inline-start: 5px!important;
margin-bottom: 5px!important;
padding: 0.5rem;
}
@ -199,7 +219,7 @@
}
.leaflet-iconLayers-layerTitleContainer {
display: none;
left: 0;
inset-inline-start: 0;
overflow: hidden;
min-height: 1.5rem;
height: 1.5rem;
@ -257,13 +277,13 @@ ul.photon-autocomplete {
overflow: hidden;
white-space: nowrap;
font-size: 1em;
border-left: 4px solid #efefef;
border-inline-start: 4px solid #efefef;
}
.photon-autocomplete li strong {
display: block;
}
.photon-autocomplete li.on {
border-left: 4px solid #2980b9;
border-inline-start: 4px solid #2980b9;
cursor: pointer;
}
.photon-autocomplete li.photon-no-result {
@ -274,14 +294,14 @@ ul.photon-autocomplete {
}
.photon-autocomplete .photon-feedback {
display: block;
text-align: right;
text-align: end;
font-size: 0.8em;
padding: 3px;
color: #999;
border-top: 1px solid #eee;
}
.search-result-tools {
float: right;
float: inline-end;
display: block;
}
@ -290,32 +310,12 @@ ul.photon-autocomplete {
/* ***************************** */
/* Share and download panel */
/* ***************************** */
.download-file {
height: 1.2em;
min-height: 1.2em;
.downloads li {
height: 1.7em;
padding: 0;
text-align: left;
text-align: start;
vertical-align: bottom;
}
.download-file:before,
.download-backup:before {
height: 24px;
width: 24px;
background-repeat: no-repeat;
background-image: url('./img/16.svg');
background-size: auto auto;
background-position: -4px -145px;
content: " ";
vertical-align: bottom;
display: inline-block;
}
.download-backup:before {
background-position: -27px -144px;
}
.leaflet-container .download-backup {
color: black;
display: block;
}
.vspace {
height: 32px;
}
@ -431,7 +431,7 @@ ul.photon-autocomplete {
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
margin-inline-start: 5px;
background-position: -4px -4px;
background-repeat: no-repeat;
background-image: url('./img/16.svg');
@ -526,7 +526,7 @@ 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: 10px;
margin-inline-start: 10px;
}
.leaflet-container .leaflet-control-edit-save:before {
background-position: -148px -2px;
@ -594,7 +594,7 @@ ul.photon-autocomplete {
height: 46px;
background-color: var(--color-darkGray);
padding: 0 10px;
text-align: left;
text-align: start;
line-height: var(--control-size);
cursor: auto;
border-bottom: 1px solid #222;
@ -633,7 +633,7 @@ ul.photon-autocomplete {
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
text-align: left;
text-align: start;
}
.umap-main-edit-toolbox .share-status {
font-size: 1em;
@ -641,10 +641,9 @@ ul.photon-autocomplete {
overflow: hidden;
text-overflow: ellipsis;
}
.map-name:after {
content: '\00a0';
padding-left: 3px;
padding-inline-start: 3px;
width: 1ch;
display: inline-block;
}
@ -659,11 +658,11 @@ ul.photon-autocomplete {
display: inline;
}
.umap-caption-bar button {
margin-left: 10px;
margin-inline-start: 10px;
}
.umap-caption-bar button + button:before {
content: '|';
padding-right: 10px;
padding-inline-end: 10px;
}
.umap-main-edit-toolbox .umap-user {
color: #fff;
@ -673,7 +672,7 @@ ul.photon-autocomplete {
}
.umap-main-edit-toolbox .umap-user:after {
content: '|';
padding-left: 20px;
padding-inline-start: 20px;
display: inline-block; /* Prevents underline on hover. */
}
.umap-caption-bar-enabled .umap-caption-bar {
@ -686,7 +685,7 @@ ul.photon-autocomplete {
bottom: 0;
right: 0;
padding: var(--gutter);
text-align: left;
text-align: start;
line-height: 100%;
cursor: auto;
border-top: 1px solid var(--color-lightGray);
@ -708,7 +707,7 @@ ul.photon-autocomplete {
background-position: -122px -73px;
background-repeat: no-repeat;
background-image: url('./img/16-white.svg');
margin-right: 10px;
margin-inline-end: 10px;
}
.leaflet-toolbar-tip {
@ -764,7 +763,7 @@ ul.photon-autocomplete {
.umap-browser .feature-title {
width: inherit;
cursor: inherit;
padding-left: 6px;
padding-inline-start: 6px;
}
.umap-browser .feature-title {
font-size: 12px;
@ -835,7 +834,7 @@ a.umap-control-caption,
.umap-browser h5, .umap-facet-search h5 {
margin-bottom: 0;
overflow: hidden;
padding-left: 5px;
padding-inline-start: 5px;
height: 30px;
line-height: 30px;
background-color: var(--color-lightGray);
@ -848,7 +847,7 @@ a.umap-control-caption,
color: white;
}
.umap-browser h5 span {
margin-left: 10px;
margin-inline-start: 10px;
}
.umap-browser li, .umap-facet-search li {
padding: 2px 0;
@ -873,7 +872,7 @@ a.umap-control-caption,
padding: 0;
width: 24px;
text-align: center;
margin-left: 5px;
margin-inline-start: 5px;
}
.umap-browser.dark .datalayer .feature-color {
box-shadow: 0 0 2px 0 #999 inset;
@ -898,8 +897,8 @@ a.umap-control-caption,
background-position: -48px -25px;
}
.umap-browser .datalayer-toggle-list {
float: right;
margin-right: 5px;
float: inline-end;
margin-inline-end: 5px;
background-position: -145px -70px;
}
.umap-browser .show-list .datalayer-toggle-list {
@ -924,7 +923,7 @@ a.umap-control-caption,
cursor: pointer;
}
.umap-caption .umap-map-owner {
padding-left: 31px;
padding-inline-start: 31px;
}
@ -951,7 +950,7 @@ a.umap-control-caption,
height: 56px;
line-height: 56px;
opacity: 0.9;
padding-left: 10px;
padding-inline-start: 10px;
position: absolute;
width: 100%;
text-align: center;
@ -961,9 +960,9 @@ a.umap-control-caption,
content: "✓";
font-size: 1.3em;
line-height: 56px;
padding-right: 7px;
padding-inline-end: 7px;
position: absolute;
left: 7px;
inset-inline-start: 7px;
}
.umap-tilelayer-switcher-container li img {
display: block;
@ -977,7 +976,7 @@ a.umap-control-caption,
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
margin-inline-end: 10px;
border: 1px solid #000;
background-color: transparent;
vertical-align: middle;
@ -1021,39 +1020,13 @@ a.umap-control-caption,
position: relative;
background-color: rgb(68, 68, 68);
color: white;
display: table;
display: flex;
width: 100%;
margin-top: auto;
min-width: 99px;
border-radius: 2px;
max-height: 24px;
}
.umap-popup-footer li {
line-height: 24px;
height: 24px;
display: table-cell;
width: 33.3%;
cursor: pointer;
text-align: center;
}
.umap-popup-footer li:before {
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
background-repeat: no-repeat;
background-image: url('./img/16.svg');
vertical-align: middle;
content: " ";
}
.umap-popup-footer li.zoom:before {
background-position: -5px -101px;
}
.umap-popup-footer li[rel="prev"]:before {
background-position: -28px -77px;
}
.umap-popup-footer li[rel="next"]:before {
background-position: -5px -77px;
justify-content: space-around;
}
.umap-popup a:hover {
text-decoration: underline;
@ -1072,11 +1045,11 @@ a[href^='tel']::before {
content: '☎︎ ';
}
address span {
padding-right: 5px;
padding-inline-end: 5px;
}
.osm-link {
margin-top: 10px;
text-align: right;
text-align: end;
font-style: italic;
}
span.popup-icon {
@ -1103,7 +1076,7 @@ span.popup-icon {
box-shadow: 7px 10px 10px -1px black;
height: 36px;
line-height: 36px;
margin-left: -2px;
margin-inline-start: -2px;
margin-top: -4px;
opacity: 1.0!important;
width: 36px;
@ -1118,7 +1091,7 @@ span.popup-icon {
border-right: 8px solid transparent;
border-top: 8px solid #2270b5;
height: 0;
left: 8px;
inset-inline-start: 8px;
position: relative;
width: 0;
opacity: 0.9;
@ -1131,7 +1104,7 @@ span.popup-icon {
border-right: 10px solid transparent;
border-top: 16px solid #2270B5;
height: 0;
left: 6px;
inset-inline-start: 6px;
position: relative;
top: -4px;
width: 0;
@ -1140,7 +1113,7 @@ span.popup-icon {
border-left-width: 12px;
border-right-width: 12px;
border-top-width: 18px;
left: 4px;
inset-inline-start: 4px;
opacity: 1.0!important;
}
.umap-drop-icon .icon_container {
@ -1158,7 +1131,7 @@ span.popup-icon {
border-radius: 18px 18px 18px 18px;
height: 36px;
line-height: 36px;
margin-left: -2px;
margin-inline-start: -2px;
margin-top: -6px;
opacity: 1.0!important;
width: 36px;
@ -1176,14 +1149,14 @@ span.popup-icon {
.umap-circle-icon {
border: 1px solid white;
border-radius: 10px 10px 10px 10px;
margin-left: -6px;
margin-inline-start: -6px;
margin-top: -6px;
height: 12px;
width: 12px;
}
.umap-circle-icon.umap-icon-active {
height: 16px;
margin-left: -8px;
margin-inline-start: -8px;
margin-top: -8px;
opacity: 1.0!important;
width: 16px;
@ -1201,7 +1174,7 @@ span.popup-icon {
.umap-ball-icon.umap-icon-active .icon_container {
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 23px 7px -1px black;
margin-left: -2px;
margin-inline-start: -2px;
margin-top: -4px;
height: 20px;
opacity: 1.0!important;
@ -1210,7 +1183,7 @@ span.popup-icon {
.umap-ball-icon .icon_arrow {
background-color: black;
height: 16px;
left: 7px;
inset-inline-start: 7px;
opacity: 0.9;
position: relative;
top: -1px;
@ -1407,7 +1380,7 @@ span.popup-icon {
line-height: var(--control-size);
}
.leaflet-container .leaflet-control-zoom {
margin-left: 10px;
margin-inline-start: 10px;
}
.leaflet-top {
z-index: calc(var(--zindex-panels) - 1);
@ -1439,7 +1412,7 @@ span.popup-icon {
background-color: #f6f6f6;
}
.umap-popup-content th {
text-align: left;
text-align: start;
}
.umap-popup-content td {
word-break: break-word;
@ -1524,7 +1497,7 @@ span.popup-icon {
display: none;
}
.umap-main-edit-toolbox .umap-user {
margin-right: 10px;
margin-inline-end: 10px;
}
.umap-main-edit-toolbox .umap-user:after {
display: none;
@ -1551,13 +1524,11 @@ span.popup-icon {
.leaflet-control-layers-expanded label {
display: inline-block;
margin-right: 10px;
margin-inline-end: 10px;
}
.leaflet-control-layers-expanded {
margin-left: 10px;
margin-inline-start: 10px;
}
.umap-permanent-credits-container {
max-width: 100%;
}

12
umap/static/umap/nav.css
View file

@ -22,9 +22,12 @@ footer a.branding {
font-size: 30px;
font-weight: bold;
height: 140px;
padding-left: 70px;
padding-inline-start: 70px;
display: inline-block;
}
html[dir="rtl"] footer a.branding {
background-position: right center;
}
footer .i18n_switch {
display: inline-block;
@ -51,10 +54,13 @@ footer .i18n_switch {
background-repeat: no-repeat;
background-size: 60px auto;
line-height: 70px;
padding-left: 80px;
padding-inline-start: 80px;
display: block;
font-size: 2.5rem;
}
html[dir="rtl"] .umap-nav h1 a {
background-position: right center;
}
.umap-nav ul {
text-align: center;
font-weight: bold;
@ -66,7 +72,7 @@ footer .i18n_switch {
.umap-nav .button:hover {
text-decoration: none;
min-width: 150px;
margin-left: 1rem;
margin-inline-start: 1rem;
}
@media only screen and (min-width: 500px) {

2
umap/static/umap/vendors/markercluster/MarkerCluster.Default.css vendored
View file

@ -57,4 +57,4 @@
}
.marker-cluster span {
line-height: 30px;
}
}