mirror of
https://github.com/FoggedLens/iD.git
synced 2026-05-25 17:37:49 +02:00
move maprules/mapcss to a service class
ref #remote-presets
This commit is contained in:
Max Grossman
+22
-63
@@ -65,7 +65,21 @@
|
||||
}
|
||||
|
||||
|
||||
/* points */
|
||||
/* points & notes */
|
||||
|
||||
g.note .stroke {
|
||||
stroke: #222;
|
||||
stroke-width: 1;
|
||||
fill: #222;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
g.note.active .stroke {
|
||||
stroke: #222;
|
||||
stroke-width: 1;
|
||||
fill: #222;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
g.point .stroke {
|
||||
stroke: #444;
|
||||
@@ -73,26 +87,31 @@ g.point .stroke {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
g.point .shadow {
|
||||
g.point .shadow,
|
||||
g.note .shadow {
|
||||
fill: none;
|
||||
stroke: #f6634f;
|
||||
stroke-width: 16;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
g.note.related:not(.selected) .shadow,
|
||||
g.note.hover:not(.selected) .shadow,
|
||||
g.point.related:not(.selected) .shadow,
|
||||
g.point.hover:not(.selected) .shadow {
|
||||
stroke-opacity: 0.5;
|
||||
}
|
||||
|
||||
g.note.selected .shadow,
|
||||
g.point.selected .shadow {
|
||||
stroke-opacity: 0.7;
|
||||
}
|
||||
|
||||
/* g.note ellipse.stroke, */
|
||||
g.point ellipse.stroke {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mode-drag-note g.note.active ellipse.stroke,
|
||||
.mode-drag-node g.point.active ellipse.stroke {
|
||||
display: block;
|
||||
}
|
||||
@@ -287,63 +306,3 @@ g.turn circle {
|
||||
stroke: #68f;
|
||||
}
|
||||
|
||||
|
||||
/* GPX Paths */
|
||||
|
||||
.layer-gpx {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
path.gpx {
|
||||
stroke: #ff26d4;
|
||||
stroke-width: 2;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
text.gpxlabel-halo,
|
||||
text.gpxlabel {
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
dominant-baseline: middle;
|
||||
}
|
||||
|
||||
text.gpxlabel {
|
||||
fill: #ff26d4;
|
||||
}
|
||||
|
||||
text.gpxlabel-halo {
|
||||
opacity: 0.7;
|
||||
stroke: #000;
|
||||
stroke-width: 5px;
|
||||
stroke-miterlimit: 1;
|
||||
}
|
||||
|
||||
/* MVT Paths */
|
||||
|
||||
.layer-mvt {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
path.mvt {
|
||||
stroke: #ff26d4;
|
||||
stroke-width: 2;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
text.mvtlabel-halo,
|
||||
text.mvtlabel {
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
dominant-baseline: middle;
|
||||
}
|
||||
|
||||
text.mvtlabel {
|
||||
fill: #ff26d4;
|
||||
}
|
||||
|
||||
text.mvtlabel-halo {
|
||||
opacity: 0.7;
|
||||
stroke: #000;
|
||||
stroke-width: 5px;
|
||||
stroke-miterlimit: 1;
|
||||
}
|
||||
|
||||
+1
-1
@@ -71,7 +71,7 @@ path.stroke.tag-barrier {
|
||||
/* bridges */
|
||||
path.casing.tag-bridge {
|
||||
stroke-opacity: 0.6;
|
||||
stroke: #000;
|
||||
stroke: #000 !important;
|
||||
stroke-linecap: butt;
|
||||
stroke-dasharray: none;
|
||||
}
|
||||
|
||||
+3
-1
@@ -58,7 +58,8 @@
|
||||
.mode-draw-area #map,
|
||||
.mode-add-line #map,
|
||||
.mode-add-area #map,
|
||||
.mode-drag-node #map {
|
||||
.mode-drag-node #map,
|
||||
.mode-drag-note #map {
|
||||
cursor: crosshair; /* Opera */
|
||||
cursor: url(img/cursor-draw.png) 9 9, crosshair; /* FF */
|
||||
}
|
||||
@@ -82,6 +83,7 @@
|
||||
}
|
||||
|
||||
.mode-add-point #map,
|
||||
.mode-add-note #map,
|
||||
.mode-browse.lasso #map,
|
||||
.mode-browse.lasso .way,
|
||||
.mode-browse.lasso .vertex,
|
||||
|
||||
+46
-4
@@ -19,16 +19,52 @@
|
||||
border-radius: 0;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 48;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
#photoviewer button.resize-handle-xy {
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 49;
|
||||
cursor: nesw-resize;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
#photoviewer button.resize-handle-x {
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 48;
|
||||
cursor: ew-resize;
|
||||
height: auto;
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
#photoviewer button.resize-handle-y {
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 48;
|
||||
cursor: ns-resize;
|
||||
height: 6px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.photo-wrapper,
|
||||
.photo-wrapper img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.photo-wrapper .photo-attribution {
|
||||
@@ -52,6 +88,10 @@
|
||||
|
||||
/* markers and sequences */
|
||||
.viewfield-group {
|
||||
pointer-events: none;
|
||||
}
|
||||
.mode-browse .viewfield-group,
|
||||
.mode-select .viewfield-group {
|
||||
pointer-events: visible;
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -186,7 +226,7 @@
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
pading: 0 5px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.ms-wrapper .photo-attribution .image-view-link {
|
||||
text-align: left;
|
||||
@@ -262,6 +302,8 @@ label.streetside-hires {
|
||||
}
|
||||
|
||||
.osc-image-wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform-origin:0 0;
|
||||
-ms-transform-origin:0 0;
|
||||
-webkit-transform-origin:0 0;
|
||||
|
||||
+66
-123
@@ -6,7 +6,10 @@
|
||||
.layer-notes .note * {
|
||||
pointer-events: none;
|
||||
}
|
||||
.layer-notes .note .note-fill {
|
||||
.mode-browse .layer-notes .note .note-fill,
|
||||
.mode-select .layer-notes .note .note-fill,
|
||||
.mode-select-data .layer-notes .note .note-fill,
|
||||
.mode-select-note .layer-notes .note .note-fill {
|
||||
pointer-events: visible;
|
||||
cursor: pointer; /* Opera */
|
||||
cursor: url(img/cursor-select-point.png), pointer; /* FF */
|
||||
@@ -20,155 +23,95 @@
|
||||
.layer-notes .note .note-fill {
|
||||
color: #ff3300;
|
||||
stroke: #333;
|
||||
stroke-width: 40px;
|
||||
}
|
||||
.note-header-icon.new .note-fill,
|
||||
.layer-notes .note.new .note-fill {
|
||||
color: #ffee00;
|
||||
stroke: #333;
|
||||
stroke-width: 40px;
|
||||
}
|
||||
.note-header-icon.closed .note-fill,
|
||||
.layer-notes .note.closed .note-fill {
|
||||
color: #55dd00;
|
||||
stroke: #333;
|
||||
}
|
||||
.layer-notes .note.hovered .note-fill {
|
||||
color: #eebb00;
|
||||
stroke: #333;
|
||||
}
|
||||
.layer-notes .note.selected .note-fill {
|
||||
color: #ffee00;
|
||||
stroke: #333;
|
||||
stroke-width: 40px;
|
||||
}
|
||||
|
||||
/* slight adjustments to preset icon for note icons */
|
||||
.note-header-icon .preset-icon-28 {
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.note-header-icon .note-icon-annotation {
|
||||
position: absolute;
|
||||
top: 21px;
|
||||
left: 21px;
|
||||
top: 22px;
|
||||
left: 22px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.note-header-icon .note-icon-annotation .icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
|
||||
/* OSM Note UI */
|
||||
.note-header {
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
/* Custom Map Data (geojson, gpx, kml, vector tile) */
|
||||
|
||||
.layer-mapdata {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.note-header-icon {
|
||||
background-color: #fff;
|
||||
padding: 10px;
|
||||
flex: 0 0 62px;
|
||||
position: relative;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-radius: 5px 0 0 5px;
|
||||
.layer-mapdata path.shadow {
|
||||
pointer-events: stroke;
|
||||
stroke: #f6634f;
|
||||
stroke-width: 16;
|
||||
stroke-opacity: 0;
|
||||
fill: none;
|
||||
}
|
||||
[dir='rtl'] .note-header-icon {
|
||||
border-right: unset;
|
||||
border-left: 1px solid #ccc;
|
||||
border-radius: 0 5px 5px 0;
|
||||
.layer-mapdata path.MultiPoint.shadow,
|
||||
.layer-mapdata path.Point.shadow {
|
||||
pointer-events: fill;
|
||||
fill: #f6634f;
|
||||
fill-opacity: 0;
|
||||
}
|
||||
.layer-mapdata path.shadow.hover:not(.selected) {
|
||||
stroke-opacity: 0.4;
|
||||
}
|
||||
.layer-mapdata path.shadow.selected {
|
||||
stroke-opacity: 0.7;
|
||||
}
|
||||
|
||||
.note-header-icon .icon-wrap {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
.layer-mapdata path.stroke {
|
||||
stroke: #ff26d4;
|
||||
stroke-width: 2;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.note-header-label {
|
||||
background-color: #f6f6f6;
|
||||
padding: 0 15px;
|
||||
flex: 1 1 100%;
|
||||
font-size: 14px;
|
||||
.layer-mapdata path.fill {
|
||||
stroke-width: 0;
|
||||
stroke-opacity: 0.3;
|
||||
stroke: #ff26d4;
|
||||
fill: #ff26d4;
|
||||
fill-opacity: 0.3;
|
||||
fill-rule: evenodd;
|
||||
}
|
||||
|
||||
.layer-mapdata text.label-halo,
|
||||
.layer-mapdata text.label {
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
border-radius: 0 5px 5px 0;
|
||||
dominant-baseline: middle;
|
||||
}
|
||||
[dir='rtl'] .note-header-label {
|
||||
border-radius: 5px 0 0 5px;
|
||||
.layer-mapdata text.label {
|
||||
fill: #ff26d4;
|
||||
}
|
||||
.layer-mapdata text.label.hover,
|
||||
.layer-mapdata text.label.selected {
|
||||
fill: #f6634f;
|
||||
}
|
||||
.layer-mapdata text.label-halo {
|
||||
opacity: 0.7;
|
||||
stroke: #000;
|
||||
stroke-width: 5px;
|
||||
stroke-miterlimit: 1;
|
||||
}
|
||||
|
||||
.comments-container {
|
||||
background: #ececec;
|
||||
padding: 1px 10px;
|
||||
margin: 10px 0;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.comment {
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
margin: 10px auto;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
}
|
||||
.comment-avatar {
|
||||
padding: 10px;
|
||||
flex: 0 0 62px;
|
||||
}
|
||||
.comment-avatar .icon.comment-avatar-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
object-fit: cover;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.comment-main {
|
||||
padding: 10px 10px 10px 0;
|
||||
flex: 1 1 100%;
|
||||
flex-flow: column nowrap;
|
||||
overflow: hidden;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
[dir='rtl'] .comment-main {
|
||||
padding: 10px 0 10px 10px;
|
||||
}
|
||||
|
||||
.comment-metadata {
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.comment-author {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.comment-date {
|
||||
color: #aaa;
|
||||
}
|
||||
.comment-text {
|
||||
color: #333;
|
||||
margin-top: 10px;
|
||||
overflow-y: auto;
|
||||
max-height: 250px;
|
||||
}
|
||||
.comment-text::-webkit-scrollbar {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.note-save {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.note-save #new-comment-input {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
max-height: 300px;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.note-save .detail-section {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.note-report {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@@ -7,6 +7,11 @@
|
||||
stroke-dasharray: none !important;
|
||||
fill: none !important;
|
||||
}
|
||||
.low-zoom.fill-wireframe .layer-mapdata path.stroke,
|
||||
.fill-wireframe .layer-mapdata path.stroke {
|
||||
stroke-width: 2 !important;
|
||||
stroke-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.low-zoom.fill-wireframe path.shadow,
|
||||
.fill-wireframe path.shadow {
|
||||
|
||||
+409
-195
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user