chore: start moving icon related CSS rules to a dedicated file
This commit is contained in:
Yohan Boniface
parent
a516cbd2a3
commit
1e2d990a3a
22 changed files with 158 additions and 203 deletions
|
|
@ -897,23 +897,6 @@ input:invalid {
|
|||
/* *********** */
|
||||
/* Close link */
|
||||
/* *********** */
|
||||
.umap-resize-icon,
|
||||
.umap-close-icon {
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('./img/16.svg');
|
||||
background-position: -26px -6px;
|
||||
display: inline;
|
||||
padding: 0 10px;
|
||||
vertical-align: middle;
|
||||
line-height: 24px;
|
||||
}
|
||||
.umap-resize-icon {
|
||||
background-position: -74px -150px;
|
||||
}
|
||||
.dark .umap-resize-icon,
|
||||
.dark .umap-close-icon {
|
||||
background-image: url('./img/16-white.svg');
|
||||
}
|
||||
#umap-alert-container .umap-close-link {
|
||||
color: #fff;
|
||||
float: right;
|
||||
|
|
|
|||
|
|
@ -357,22 +357,22 @@ ul.umap-autocomplete {
|
|||
width: 36px;
|
||||
margin: 3px;
|
||||
}
|
||||
.icon-view {
|
||||
.content .icon-view {
|
||||
background-image: url('./img/icon-view.svg');
|
||||
}
|
||||
.icon-share {
|
||||
.content .icon-share {
|
||||
background-image: url('./img/icon-share.svg');
|
||||
}
|
||||
.icon-edit {
|
||||
.content .icon-edit {
|
||||
background-image: url('./img/icon-edit.svg');
|
||||
}
|
||||
.icon-download {
|
||||
.content .icon-download {
|
||||
background-image: url('./img/icon-download.svg');
|
||||
}
|
||||
.icon-duplicate {
|
||||
.content .icon-duplicate {
|
||||
background-image: url('./img/icon-duplicate.svg');
|
||||
}
|
||||
.icon-delete {
|
||||
.content .icon-delete {
|
||||
background-image: url('./img/icon-delete.svg');
|
||||
}
|
||||
.table-header {
|
||||
|
|
|
|||
95
umap/static/umap/css/icon.css
Normal file
95
umap/static/umap/css/icon.css
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
.icon {
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block;
|
||||
padding: 0 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.icon-16 {
|
||||
background-image: url('../img/16.svg');
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.icon + span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.dark .icon-16 {
|
||||
background-image: url('../img/16-white.svg');
|
||||
}
|
||||
.icon-add {
|
||||
background-position: -26px -30px;
|
||||
}
|
||||
.icon-back {
|
||||
background-position: -122px -144px;
|
||||
}
|
||||
.icon-caption {
|
||||
background-position: -98px -24px;
|
||||
}
|
||||
.icon-close {
|
||||
background-position: -26px 0px;
|
||||
}
|
||||
.icon-delete {
|
||||
background-position: -121px -49px;
|
||||
}
|
||||
.icon-drag {
|
||||
background-position: -72px -73px;
|
||||
cursor: move;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.icon-eye {
|
||||
background-position: -49px -26px;
|
||||
}
|
||||
.icon-edit {
|
||||
background-position: -51px -49px;
|
||||
}
|
||||
.icon-key {
|
||||
background-position: -144px -121px;
|
||||
}
|
||||
.icon-layers {
|
||||
background-position: -96px -120px;
|
||||
}
|
||||
.icon-list {
|
||||
background-position: -28px -99px;
|
||||
}
|
||||
.icon-marker {
|
||||
background-position: -72px -120px;
|
||||
}
|
||||
.icon-polygon {
|
||||
background-position: -24px -119px;
|
||||
}
|
||||
.icon-polyline {
|
||||
background-position: 0 -119px;
|
||||
}
|
||||
.icon-resize {
|
||||
background-position: -74px -145px;
|
||||
}
|
||||
.icon-search {
|
||||
background-position: -27px -120px;
|
||||
}
|
||||
.icon-settings {
|
||||
background-position: -27px -93px;
|
||||
}
|
||||
.icon-share {
|
||||
background-position: 0px -120px;
|
||||
}
|
||||
.icon-table {
|
||||
background-position: -50px -1px;
|
||||
}
|
||||
.readonly .icon-table,
|
||||
.off .icon-table {
|
||||
background-position: -74px -1px;
|
||||
}
|
||||
.remotelayer .icon-table {
|
||||
display: none !important;
|
||||
}
|
||||
.icon-tilelayer {
|
||||
background-position: -98px -141px;
|
||||
}
|
||||
.icon-upload {
|
||||
background-position: -144px -97px;
|
||||
}
|
||||
.icon-zoom {
|
||||
background-position: -1px -49px;
|
||||
}
|
||||
.off .icon-zoom {
|
||||
background-position: -25px -54px;
|
||||
}
|
||||
|
|
@ -186,10 +186,7 @@
|
|||
</g>
|
||||
<path id="path1286" d="m24.352 6.3088h0.03307v-3.6125h-3.7796v3.6125h0.03307zm-3.9787-4.1591h4.2439c0.06157 0 0.12062 0.024461 0.16417 0.068002s0.068 0.1026 0.068 0.16417v4.2439c0 0.061569-0.02445 0.12062-0.068 0.16417-0.04355 0.04355-0.1026 0.067998-0.16417 0.067998h-4.2439c-0.06158 0-0.12063-0.024447-0.16417-0.067998-0.04354-0.04355-0.068-0.10261-0.068-0.16417v-4.2439c0-0.061577 0.02446-0.12063 0.068-0.16417 0.04354-0.043541 0.1026-0.068002 0.16417-0.068002z" fill="#f2f2f2" stroke="#999" stroke-width=".065719"/>
|
||||
</g>
|
||||
<g id="g3" fill="#f2f2f2" fill-rule="evenodd" stroke="#999" stroke-width=".25">
|
||||
<path id="path3-5" d="m88 967.36v5h-5v-1.579h3.4211v-3.421z" color="#000000"/>
|
||||
<path id="path4-3" d="m85 964.36v1.579h-3.4211v3.421h-1.5789v-5z" color="#000000"/>
|
||||
</g>
|
||||
<path id="path1-67" d="m133.73 963.36-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"/>
|
||||
<path id="path4-5" d="m84.455 962.36-4.4512 3.377 0.90625 1.1953 2.7969-2.123v7.043l-2.793-2.1465-0.91406 1.1894 4.457 3.4258 4.457-3.4258-0.91406-1.1894-2.793 2.1465v-7.0527l2.8008 2.1016 0.89844-1.2012z" color="#000000" fill="#f2f2f2" fill-rule="evenodd" stroke="#999" stroke-width=".25"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
|
|
@ -178,8 +178,9 @@
|
|||
<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="m58.25 962.61v3.5h4v4h3.5v-7.5zm-4 4v7.5h7.5v-7.5z" fill="#4d4d4d" style="paint-order:fill markers stroke"/>
|
||||
<path id="path3" d="m88 967.36v5h-5v-1.579h3.4211v-3.421z" color="#000000" fill="#4d4d4d" fill-rule="evenodd" style="-inkscape-stroke:none"/>
|
||||
<path id="path4" d="m85 964.36v1.579h-3.4211v3.421h-1.5789v-5z" color="#000000" fill="#4d4d4d" fill-rule="evenodd" style="-inkscape-stroke:none"/>
|
||||
<path id="path1" d="m134 964.36-4 4 4.2888 3.9769" fill="none" stroke="#4d4d4d" stroke-width="2"/>
|
||||
<path id="path2" d="m80 966.4 4-3.0339 4 3" fill="none" stroke="#464646" stroke-width="1.5"/>
|
||||
<path id="path3" d="m80 970.36 4 3.0743 4-3.0743" fill="none" stroke="#464646" stroke-width="1.5"/>
|
||||
<path id="path4" d="m84 963.36v10" fill="none" stroke="#464646" stroke-width="1.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
|
@ -82,8 +82,8 @@
|
|||
</g>
|
||||
<path id="path2378" d="m25.147 1.8521h-4.2439c-0.07035 0-0.13782 0.027946-0.18756 0.077689-0.04974 0.049744-0.07769 0.11721-0.07769 0.18756v4.2439c0 0.070353 0.02795 0.13782 0.07769 0.18756 0.04974 0.049742 0.11721 0.077682 0.18756 0.077682h4.2439c0.07035 0 0.13782-0.02794 0.18756-0.077682 0.04974-0.049742 0.07768-0.11721 0.07768-0.18756v-4.2439c0-0.070349-0.02794-0.13782-0.07768-0.18756-0.04974-0.049743-0.11721-0.077689-0.18756-0.077689zm-0.26524 4.1591h-3.7135v-3.5463h3.7135z" fill="#464646" stroke-width=".26458"/>
|
||||
</g>
|
||||
<g id="info" transform="matrix(.33073 0 0 .33073 -11.906 -256.1)" stroke-width=".8">
|
||||
<path id="path3762" d="m108 838.36a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2.5a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5zm-1 4.5h2v6h-2v-6z" fill="#464646"/>
|
||||
<g id="info" transform="matrix(.33073 0 0 .33073 -11.906 -256.1)" fill="#4d4d4d" stroke-width=".8">
|
||||
<path id="path3762" d="m108 838.36a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2.5a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5zm-1 4.5h2v6h-2v-6z" fill="#4d4d4d"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
|
@ -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="14.240598" inkscape:cx="120.88678" inkscape:cy="138.30177" 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="14.240598" inkscape:cx="78.894159" inkscape:cy="144.34085" 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)" />
|
||||
|
|
@ -208,10 +208,7 @@
|
|||
</g>
|
||||
<path d="m 24.352274,6.3088036 h 0.03307 V 6.2757306 2.7293857 2.6963127 h -0.03307 -3.713451 -0.03307 v 0.033073 3.5463449 0.033073 h 0.03307 z M 20.373578,2.1497393 h 4.24394 c 0.06157,0 0.120624,0.024461 0.164174,0.068002 0.04355,0.043541 0.068,0.102595 0.068,0.1641723 v 4.2439399 c 0,0.061569 -0.02445,0.1206236 -0.068,0.164174 -0.04355,0.04355 -0.102605,0.067998 -0.164174,0.067998 h -4.24394 c -0.06158,0 -0.120631,-0.024447 -0.164172,-0.067998 -0.04354,-0.04355 -0.068,-0.1026054 -0.068,-0.164174 V 2.3819136 c 0,-0.061577 0.02446,-0.1206315 0.068,-0.1641723 0.04354,-0.043541 0.102595,-0.068002 0.164172,-0.068002 z" fill="#f2f2f2" stroke="#999999" stroke-width="0.0657188" id="path1286" />
|
||||
</g>
|
||||
<g id="g3">
|
||||
<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 88.000002,967.3622 v 5 h -5 v -1.57895 h 3.421052 v -3.42105 z" id="path3-5" />
|
||||
<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 85.000002,964.3622 v 1.57895 h -3.421053 v 3.42105 h -1.578947 v -5 z" id="path4-3" />
|
||||
</g>
|
||||
<path style="color:#000000;fill:#f2f2f2;fill-rule:evenodd;fill-opacity:1;stroke:#999999;stroke-opacity:1;stroke-width:0.25;stroke-dasharray:none" d="m 133.73437,963.36133 -4.73437,4.73437 5.05078,4.6836 1.35938,-1.4668 -3.52735,-3.26953 3.26563,-3.26563 z" id="path1-67" />
|
||||
<path style="color:#000000;fill:#f2f2f2;fill-rule:evenodd;stroke:#999999;stroke-opacity:1;fill-opacity:1;stroke-width:0.25;stroke-dasharray:none" d="m 84.455078,962.36133 -4.451172,3.37695 0.90625,1.19531 2.796875,-2.12304 v 7.04297 l -2.792969,-2.14649 -0.914062,1.18945 4.457031,3.42579 4.457031,-3.42579 -0.914062,-1.18945 -2.792969,2.14649 v -7.05274 l 2.800781,2.10156 0.898438,-1.20117 z" id="path4-5" />
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
|
|
@ -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="11.384339" inkscape:cx="110.37092" inkscape:cy="153.50035" 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="34.194139" inkscape:cx="84.356562" inkscape:cy="155.65533" 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)" />
|
||||
|
|
@ -197,8 +197,11 @@
|
|||
<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 58.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 style="color:#000000;fill:#4d4d4d;fill-rule:evenodd;stroke-width:1;-inkscape-stroke:none" d="m 88.000002,967.3622 v 5 h -5 v -1.57895 h 3.421052 v -3.42105 z" id="path3" />
|
||||
<path style="color:#000000;fill:#4d4d4d;fill-rule:evenodd;stroke-width:1;-inkscape-stroke:none" d="m 85.000002,964.3622 v 1.57895 h -3.421053 v 3.42105 h -1.578947 v -5 z" id="path4" />
|
||||
<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" />
|
||||
<g id="g1">
|
||||
<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" d="m 80,966.39611 4,-3.03393 4,3" id="path2" sodipodi:nodetypes="ccc" />
|
||||
<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" d="m 80,970.36218 4,3.07427 4,-3.07427" id="path3" sodipodi:nodetypes="ccc" />
|
||||
<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" d="m 84.000003,963.36218 v 10" id="path4" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
|
@ -2,7 +2,7 @@
|
|||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg width="180" height="180" viewBox="0 0 47.624999 47.624999" version="1.1" id="svg6237" inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)" sodipodi:docname="24.svg" inkscape:export-filename="../24.svg" inkscape:export-xdpi="7.52" inkscape:export-ydpi="7.52" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview id="namedview6239" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" inkscape:document-units="px" showgrid="true" showguides="true" inkscape:zoom="11.97607" inkscape:cx="98.446318" inkscape:cy="77.696607" inkscape:window-width="1920" inkscape:window-height="1011" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="layer1">
|
||||
<sodipodi:namedview id="namedview6239" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" inkscape:document-units="px" showgrid="true" showguides="true" inkscape:zoom="11.97607" inkscape:cx="98.404568" inkscape:cy="77.696607" inkscape:window-width="1920" inkscape:window-height="1011" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="layer1">
|
||||
<inkscape:grid type="xygrid" id="grid6358" empspacing="4" originx="0" originy="0" spacingy="1" spacingx="1" units="px" visible="true" />
|
||||
<sodipodi:guide position="9.5249999,47.624999" orientation="-1,0" id="guide6360" inkscape:locked="false" inkscape:label="" inkscape:color="rgb(0,134,229)" />
|
||||
<sodipodi:guide position="19.05,47.625" orientation="-1,0" id="guide6362" inkscape:locked="false" inkscape:label="" inkscape:color="rgb(0,134,229)" />
|
||||
|
|
@ -102,8 +102,8 @@
|
|||
</g>
|
||||
<path d="m 25.146689,1.8520833 h -4.243941 c -0.07035,0 -0.137815,0.027946 -0.187558,0.077689 -0.04974,0.049744 -0.07769,0.1172099 -0.07769,0.1875586 v 4.2439405 c 0,0.070353 0.02795,0.1378215 0.07769,0.1875632 0.04974,0.049742 0.11721,0.077682 0.187558,0.077682 h 4.243941 c 0.07035,0 0.137821,-0.02794 0.187563,-0.077682 0.04974,-0.049742 0.07768,-0.1172105 0.07768,-0.1875632 v -4.2439405 c 0,-0.070349 -0.02794,-0.1378151 -0.07768,-0.1875586 -0.04974,-0.049743 -0.11721,-0.077689 -0.187563,-0.077689 z m -0.265245,4.1590648 h -3.713451 v -3.5463453 h 3.713451 z" fill="#464646" id="path2378" style="stroke-width:0.264583" />
|
||||
</g>
|
||||
<g id="info" transform="matrix(0.33072916,0,0,0.33072916,-11.90625,-256.10415)" style="stroke-width:0.8">
|
||||
<path id="path3762" style="fill:#464646;fill-opacity:1;stroke:none;stroke-width:0.8" d="M 108 838.36217 A 8 8 0 0 0 100 846.36217 A 8 8 0 0 0 108 854.36217 A 8 8 0 0 0 116 846.36217 A 8 8 0 0 0 108 838.36217 z M 108 840.86217 A 1.5 1.5 0 0 1 109.5 842.36217 A 1.5 1.5 0 0 1 108 843.86217 A 1.5 1.5 0 0 1 106.5 842.36217 A 1.5 1.5 0 0 1 108 840.86217 z M 107 845.36217 L 109 845.36217 L 109 851.36217 L 107 851.36217 L 107 845.36217 z " />
|
||||
<g id="info" transform="matrix(0.33072916,0,0,0.33072916,-11.90625,-256.10415)" style="stroke-width:0.8;fill:#4d4d4d;fill-opacity:1">
|
||||
<path id="path3762" style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.8" d="M 108 838.36217 A 8 8 0 0 0 100 846.36217 A 8 8 0 0 0 108 854.36217 A 8 8 0 0 0 116 846.36217 A 8 8 0 0 0 108 838.36217 z M 108 840.86217 A 1.5 1.5 0 0 1 109.5 842.36217 A 1.5 1.5 0 0 1 108 843.86217 A 1.5 1.5 0 0 1 106.5 842.36217 A 1.5 1.5 0 0 1 108 840.86217 z M 107 845.36217 L 109 845.36217 L 109 851.36217 L 107 851.36217 L 107 845.36217 z " />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
|
@ -19,10 +19,10 @@ export default class Browser {
|
|||
if (filter && !feature.matchFilter(filter, this.filterKeys)) return
|
||||
if (this.options.inBbox && !feature.isOnScreen(this.bounds)) return
|
||||
const feature_li = DomUtil.create('li', `${feature.getClassName()} feature`),
|
||||
zoom_to = DomUtil.create('i', 'umap-icon-16 feature-zoom_to', feature_li),
|
||||
edit = DomUtil.create('i', 'umap-icon-16 show-on-edit feature-edit', feature_li),
|
||||
del = DomUtil.create('i', 'umap-icon-16 show-on-edit feature-delete', feature_li),
|
||||
colorBox = DomUtil.create('i', 'umap-icon-16 feature-color', feature_li),
|
||||
zoom_to = DomUtil.create('i', 'icon icon-16 icon-zoom', feature_li),
|
||||
edit = DomUtil.create('i', 'icon icon-16 show-on-edit icon-edit', feature_li),
|
||||
del = DomUtil.create('i', 'icon icon-16 show-on-edit icon-delete', feature_li),
|
||||
colorBox = DomUtil.create('i', 'icon icon-16 feature-color', feature_li),
|
||||
title = DomUtil.create('span', 'feature-title', feature_li),
|
||||
symbol = feature._getIconUrl
|
||||
? U.Icon.prototype.formatUrl(feature._getIconUrl(), feature)
|
||||
|
|
@ -101,7 +101,7 @@ export default class Browser {
|
|||
const headline = parent.querySelector('h5')
|
||||
const toggleList = () => parent.classList.toggle('show-list')
|
||||
headline.innerHTML = ''
|
||||
const toggle = DomUtil.create('i', 'umap-icon-16 datalayer-toggle-list', headline)
|
||||
const toggle = DomUtil.create('i', 'icon icon-16 datalayer-toggle-list', headline)
|
||||
DomEvent.on(toggle, 'click', toggleList)
|
||||
datalayer.renderToolbox(headline)
|
||||
const name = DomUtil.create('span', 'datalayer-name', headline)
|
||||
|
|
@ -146,7 +146,7 @@ export default class Browser {
|
|||
// https://github.com/Leaflet/Leaflet/pull/9052
|
||||
DomEvent.disableClickPropagation(container)
|
||||
|
||||
const title = DomUtil.add('h3', '', container, translate('Browse data'))
|
||||
DomUtil.createTitle(container, translate('Browse data'), 'layers')
|
||||
const formContainer = DomUtil.create('div', '', container)
|
||||
const dataContainer = DomUtil.create('div', '', container)
|
||||
|
||||
|
|
|
|||
|
|
@ -537,27 +537,11 @@ U.DataLayer.include({
|
|||
},
|
||||
|
||||
renderToolbox: function (container) {
|
||||
L.DomUtil.element(
|
||||
'i',
|
||||
{
|
||||
className: 'umap-icon-16 drag-handle show-on-edit',
|
||||
title: L._('Drag to reorder'),
|
||||
},
|
||||
container
|
||||
)
|
||||
const toggle = L.DomUtil.create('i', 'umap-icon-16 layer-toggle', container),
|
||||
zoomTo = L.DomUtil.create('i', 'umap-icon-16 layer-zoom_to', container),
|
||||
edit = L.DomUtil.create('i', 'umap-icon-16 layer-edit show-on-edit', container),
|
||||
table = L.DomUtil.create(
|
||||
'i',
|
||||
'umap-icon-16 layer-table-edit show-on-edit',
|
||||
container
|
||||
),
|
||||
remove = L.DomUtil.create(
|
||||
'i',
|
||||
'umap-icon-16 layer-delete show-on-edit',
|
||||
container
|
||||
)
|
||||
const toggle = L.DomUtil.create('i', 'icon icon-16 icon-eye', container),
|
||||
zoomTo = L.DomUtil.create('i', 'icon icon-16 icon-zoom', container),
|
||||
edit = L.DomUtil.create('i', 'icon icon-16 icon-edit show-on-edit', container),
|
||||
table = L.DomUtil.create('i', 'icon icon-16 icon-table show-on-edit', container),
|
||||
remove = L.DomUtil.create('i', 'icon icon-16 icon-delete show-on-edit', container)
|
||||
zoomTo.title = L._('Zoom to layer extent')
|
||||
toggle.title = L._('Show/hide layer')
|
||||
edit.title = L._('Edit')
|
||||
|
|
@ -690,8 +674,7 @@ const ControlsMixin = {
|
|||
|
||||
displayCaption: function () {
|
||||
const container = L.DomUtil.create('div', 'umap-caption')
|
||||
let title = L.DomUtil.create('h3', '', container)
|
||||
title.textContent = this.options.name
|
||||
L.DomUtil.createTitle(container, this.options.name, 'caption')
|
||||
this.permissions.addOwnerLink('h5', container)
|
||||
if (this.options.description) {
|
||||
const description = L.DomUtil.create('div', 'umap-map-description', container)
|
||||
|
|
@ -985,8 +968,7 @@ U.TileLayerChooser = L.Control.extend({
|
|||
|
||||
openSwitcher: function (options) {
|
||||
const container = L.DomUtil.create('div', 'umap-tilelayer-switcher-container')
|
||||
const title = L.DomUtil.create('h3', '', container)
|
||||
title.textContent = L._('Change tilelayers')
|
||||
L.DomUtil.createTitle(container, L._('Change tilelayers'), 'tilelayer')
|
||||
this._tilelayers_container = L.DomUtil.create('ul', '', container)
|
||||
this.buildList(options)
|
||||
this.map.ui.openPanel({
|
||||
|
|
@ -1179,8 +1161,8 @@ U.Search = L.PhotonSearch.extend({
|
|||
formatResult: function (feature, el) {
|
||||
const self = this
|
||||
const tools = L.DomUtil.create('span', 'search-result-tools', el),
|
||||
zoom = L.DomUtil.create('i', 'feature-zoom_to', tools),
|
||||
edit = L.DomUtil.create('i', 'feature-edit show-on-edit', tools)
|
||||
zoom = L.DomUtil.create('i', 'icon icon-16 icon-zoom', tools),
|
||||
edit = L.DomUtil.create('i', 'icon icon-16 icon-edit show-on-edit', tools)
|
||||
zoom.title = L._('Zoom to this place')
|
||||
edit.title = L._('Save this location as new feature')
|
||||
// We need to use "mousedown" because Leaflet.Photon listen to mousedown
|
||||
|
|
|
|||
|
|
@ -117,6 +117,17 @@ L.DomUtil.createLink = (className, container, content, url, target, title) => {
|
|||
return el
|
||||
}
|
||||
|
||||
L.DomUtil.createIcon = (parent, name) => {
|
||||
L.DomUtil.create('i', `icon icon-16 icon-${name}`, parent)
|
||||
}
|
||||
|
||||
L.DomUtil.createTitle = (parent, text, icon, tag = 'h3') => {
|
||||
const title = L.DomUtil.create(tag, '', parent)
|
||||
L.DomUtil.createIcon(title, icon)
|
||||
L.DomUtil.add('span', '', title, text)
|
||||
return title
|
||||
}
|
||||
|
||||
L.DomUtil.createCopiableInput = (parent, label, value) => {
|
||||
const wrapper = L.DomUtil.add('div', 'copiable-input', parent)
|
||||
const labelEl = L.DomUtil.add('label', '', wrapper, label)
|
||||
|
|
|
|||
|
|
@ -96,12 +96,7 @@ U.FeatureMixin = {
|
|||
edit: function (e) {
|
||||
if (!this.map.editEnabled || this.isReadOnly()) return
|
||||
const container = L.DomUtil.create('div', 'umap-feature-container')
|
||||
L.DomUtil.add(
|
||||
'h3',
|
||||
`umap-feature-properties ${this.getClassName()}`,
|
||||
container,
|
||||
L._('Feature properties')
|
||||
)
|
||||
L.DomUtil.createTitle(container, L._('Feature properties'), this.getClassName())
|
||||
|
||||
let builder = new U.FormBuilder(
|
||||
this,
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ U.Importer = L.Class.extend({
|
|||
|
||||
build: function () {
|
||||
this.container = L.DomUtil.create('div', 'umap-upload')
|
||||
this.title = L.DomUtil.add('h3', '', this.container, L._('Import data'))
|
||||
this.title = L.DomUtil.createTitle(this.container, L._('Import data'), 'upload')
|
||||
this.presetBox = L.DomUtil.create('div', 'formbox', this.container)
|
||||
this.presetSelect = L.DomUtil.create('select', '', this.presetBox)
|
||||
this.fileBox = L.DomUtil.create('div', 'formbox', this.container)
|
||||
|
|
|
|||
|
|
@ -1532,15 +1532,14 @@ U.Map = L.Map.extend({
|
|||
]
|
||||
const creditsBuilder = new U.FormBuilder(this, creditsFields)
|
||||
credits.appendChild(creditsBuilder.build())
|
||||
this.ui.openPanel({ data: { html: container }, className: 'dark' })
|
||||
this.editPanel.open({ data: { html: container } })
|
||||
},
|
||||
|
||||
edit: function () {
|
||||
if (!this.editEnabled) return
|
||||
if (this.options.editMode !== 'advanced') return
|
||||
const container = L.DomUtil.create('div', 'umap-edit-container')
|
||||
const title = L.DomUtil.create('h3', '', container)
|
||||
title.textContent = L._('Map advanced properties')
|
||||
const container = L.DomUtil.create('div')
|
||||
L.DomUtil.createTitle(container, L._('Map advanced properties'), 'settings')
|
||||
this._editControls(container)
|
||||
this._editShapeProperties(container)
|
||||
this._editDefaultProperties(container)
|
||||
|
|
|
|||
|
|
@ -1211,7 +1211,7 @@ U.DataLayer = L.Evented.extend({
|
|||
},
|
||||
],
|
||||
]
|
||||
const title = L.DomUtil.add('h3', '', container, L._('Layer properties'))
|
||||
L.DomUtil.createTitle(container, L._('Layer properties'), 'layers')
|
||||
let builder = new U.FormBuilder(this, metadataFields, {
|
||||
callback: function (e) {
|
||||
if (e.helper.field === 'options.type') {
|
||||
|
|
|
|||
|
|
@ -57,9 +57,9 @@ U.MapPermissions = L.Class.extend({
|
|||
content: L._('Please save the map first'),
|
||||
level: 'info',
|
||||
})
|
||||
const container = L.DomUtil.create('div', 'permissions-panel'),
|
||||
fields = [],
|
||||
title = L.DomUtil.create('h3', '', container)
|
||||
const container = L.DomUtil.create('div', 'permissions-panel')
|
||||
const fields = []
|
||||
L.DomUtil.createTitle(container, L._('Update permissions'), 'key')
|
||||
if (this.isAnonymousMap()) {
|
||||
if (this.options.anonymous_edit_url) {
|
||||
const helpText = `${L._('Secret edit link:')}<br>${this.options.anonymous_edit_url
|
||||
|
|
@ -103,7 +103,6 @@ U.MapPermissions = L.Class.extend({
|
|||
{ handler: 'ManageEditors', label: L._("Map's editors") },
|
||||
])
|
||||
}
|
||||
title.textContent = L._('Update permissions')
|
||||
const builder = new U.FormBuilder(this, fields)
|
||||
const form = builder.build()
|
||||
container.appendChild(form)
|
||||
|
|
|
|||
|
|
@ -44,9 +44,8 @@ U.Share = L.Class.extend({
|
|||
},
|
||||
|
||||
build: function () {
|
||||
this.container = L.DomUtil.create('div', 'umap-share')
|
||||
this.title = L.DomUtil.create('h3', '', this.container)
|
||||
this.title.textContent = L._('Share and download')
|
||||
this.container = L.DomUtil.create('div', '')
|
||||
this.title = L.DomUtil.createTitle(this.container, L._('Share and download'), 'share')
|
||||
|
||||
L.DomUtil.createCopiableInput(
|
||||
this.container,
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@ U.TableEditor = L.Class.extend({
|
|||
this.body.innerHTML = ''
|
||||
this.datalayer.eachLayer(this.renderRow, this)
|
||||
const addButton = L.DomUtil.create('li', 'add-property')
|
||||
L.DomUtil.create('i', 'umap-icon-16 umap-add', addButton)
|
||||
L.DomUtil.create('i', 'icon icon-16 icon-add', addButton)
|
||||
const label = L.DomUtil.create('span', '', addButton)
|
||||
label.textContent = label.title = L._('Add a new property')
|
||||
const addProperty = function () {
|
||||
|
|
|
|||
|
|
@ -316,58 +316,6 @@ ul.photon-autocomplete {
|
|||
.manage-datalayers {
|
||||
background-position: -36px -72px;
|
||||
}
|
||||
.permissions-panel h3:before,
|
||||
.umap-edit-container h3:before,
|
||||
.umap-feature-properties:before,
|
||||
.umap-layer-properties-container h3:before,
|
||||
.umap-search h3:before,
|
||||
.umap-share h3:before,
|
||||
.umap-tilelayer-switcher-container h3:before,
|
||||
.umap-upload h3:before {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('./img/16-white.svg');
|
||||
background-size: auto auto;
|
||||
background-position: -98px -117px;
|
||||
content: " ";
|
||||
vertical-align: bottom;
|
||||
display: inline-block;
|
||||
}
|
||||
.umap-edit-container h3:before {
|
||||
background-position: -27px -93px;
|
||||
}
|
||||
.permissions-panel h3:before {
|
||||
background-position: -144px -117px;
|
||||
}
|
||||
.umap-upload h3:before {
|
||||
background-position: -144px -93px;
|
||||
}
|
||||
.umap-search h3:before {
|
||||
background-image: url('./img/16.svg');
|
||||
background-position: -27px -117px;
|
||||
}
|
||||
.umap-share h3:before {
|
||||
background-image: url('./img/16.svg');
|
||||
background-position: -4px -119px;
|
||||
}
|
||||
.dark .umap-tilelayer-switcher-container h3:before {
|
||||
background-image: url('./img/16-white.svg');
|
||||
background-position: -98px -141px;
|
||||
}
|
||||
.umap-tilelayer-switcher-container h3:before {
|
||||
background-image: url('./img/16.svg');
|
||||
background-position: -98px -141px;
|
||||
}
|
||||
.umap-feature-properties.marker:before {
|
||||
background-position: -72px -117px;
|
||||
}
|
||||
.umap-feature-properties.polyline:before {
|
||||
background-position: 0 -117px;
|
||||
}
|
||||
.umap-feature-properties.polygon:before {
|
||||
background-position: -24px -117px;
|
||||
}
|
||||
.umap-toolbar .update-map-permissions,
|
||||
.update-map-permissions {
|
||||
background-position: -36px -36px;
|
||||
|
|
@ -844,15 +792,6 @@ ul.photon-autocomplete {
|
|||
.off .layer-toggle {
|
||||
background-position: -73px -31px;
|
||||
}
|
||||
.feature-zoom_to {
|
||||
background-position: -1px -54px;
|
||||
}
|
||||
.layer-zoom_to {
|
||||
background-position: -1px -54px;
|
||||
}
|
||||
.layer-table-edit {
|
||||
background-position: -50px -1px;
|
||||
}
|
||||
.feature-delete,
|
||||
.layer-delete {
|
||||
background-position: -122px -49px;
|
||||
|
|
@ -864,17 +803,10 @@ ul.photon-autocomplete {
|
|||
.umap-toggle-edit {
|
||||
background-position: -44px -48px;
|
||||
}
|
||||
.readonly .layer-table-edit,
|
||||
.off .layer-table-edit {
|
||||
background-position: -74px -1px;
|
||||
}
|
||||
.readonly .layer-edit,
|
||||
.off .layer-edit {
|
||||
background-position: -50px -73px;
|
||||
}
|
||||
.off .layer-zoom_to {
|
||||
background-position: -25px -54px;
|
||||
}
|
||||
.readonly .layer-delete,
|
||||
.off .layer-delete {
|
||||
background-position: -122px -121px;
|
||||
|
|
@ -962,11 +894,6 @@ a.umap-control-caption,
|
|||
.show-list ul {
|
||||
display: block;
|
||||
}
|
||||
i.drag-handle {
|
||||
background-position: -72px -73px;
|
||||
cursor: move;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.umap-browser .off .feature {
|
||||
display: none;
|
||||
|
|
@ -1121,40 +1048,6 @@ i.drag-handle {
|
|||
.umap-table-editor .thead .tcell:hover span {
|
||||
display: none;
|
||||
}
|
||||
.remotelayer .layer-table-edit {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ********************************* */
|
||||
/* Icons */
|
||||
/* ********************************* */
|
||||
.umap-icon-16 {
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('./img/16.svg');
|
||||
display: inline;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
padding: 0 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.dark .umap-icon-16 {
|
||||
background-image: url('./img/16-white.svg');
|
||||
}
|
||||
.umap-add {
|
||||
background-position: -26px -30px;
|
||||
}
|
||||
.umap-list {
|
||||
background-position: -28px -99px;
|
||||
}
|
||||
.umap-back {
|
||||
background-position: -122px -150px;
|
||||
}
|
||||
.umap-list-white {
|
||||
background-position: -92px -168px;
|
||||
}
|
||||
.umap-caption {
|
||||
background-position: -99px -28px;
|
||||
}
|
||||
|
||||
/* ********************************* */
|
||||
/* Tilelayer switcher */
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ describe('L.TableEditor', () => {
|
|||
|
||||
it('should exist table click on edit mode', () => {
|
||||
button = qs(
|
||||
'#browse_data_toggle_' + L.stamp(datalayer) + ' .layer-table-edit'
|
||||
'#browse_data_toggle_' + L.stamp(datalayer) + ' .icon-table'
|
||||
)
|
||||
expect(button).to.be.ok
|
||||
})
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@
|
|||
href="{% static 'umap/vendors/iconlayers/iconLayers.css' %}" />
|
||||
<link rel="stylesheet" href="{% static 'umap/vars.css' %}" />
|
||||
<link rel="stylesheet" href="{% static 'umap/font.css' %}" />
|
||||
<link rel="stylesheet" href="{% static 'umap/css/icon.css' %}" />
|
||||
<link rel="stylesheet" href="{% static 'umap/base.css' %}" />
|
||||
<link rel="stylesheet" href="{% static 'umap/content.css' %}" />
|
||||
<link rel="stylesheet" href="{% static 'umap/nav.css' %}" />
|
||||
|
|
|
|||
Loading…
Reference in a new issue