CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-02-13 01:02:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

displaying keep right (currently as notes)

Browse Source
This commit is contained in:
Thomas Hervey
2018-07-28 13:55:33 -04:00
committed by Bryan Housel
parent b96965568f
commit 75cff00a2a
7 changed files with 645 additions and 517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
css/65_data.css
View File

@@ -1,26 +1,34 @@
/* OSM Notes Layer */
.layer-keepRight,
.layer-notes {
pointer-events: none;
}
.layer-keepRight .kr_error,
.layer-notes .note * {
pointer-events: none;
}
.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 {
.mode-select-note .layer-notes .note .note-fill,
.layer-keepRight .kr_error .kr_error-fill,
.layer-notes .note .note-fill {
pointer-events: visible;
cursor: pointer; /* Opera */
cursor: url(img/cursor-select-point.png), pointer; /* FF */
}
.note-header-icon .note-shadow,
.layer-notes .note .note-shadow {
.layer-notes .note .note-shadow,
.kr_error-header-icon .kr_error-shadow,
.layer-keepRight .kr_error .kr_error-shadow {
color: #000;
}
.note-header-icon .note-fill,
.layer-notes .note .note-fill {
.layer-notes .note .note-fill,
.kr_error-header-icon .kr_error-fill,
.layer-keepRight .kr_error .kr_error-fill {
color: #ff3300;
stroke: #333;
stroke-width: 40px;
@@ -55,7 +63,6 @@
/* Custom Map Data (geojson, gpx, kml, vector tile) */
.layer-mapdata {
pointer-events: none;
}
@@ -115,3 +122,52 @@
stroke-miterlimit: 1;
}
/* OSM Note UI */
.note-header,
.kr_error-header {
background-color: #f6f6f6;
border-radius: 5px;
border: 1px solid #ccc;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.note-header-icon,
.kr_error-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;
}
[dir='rtl'] .note-header-icon,
[dir='rtl'] .kr_error-header-icon {
border-right: unset;
border-left: 1px solid #ccc;
border-radius: 0 5px 5px 0;
}
.note-header-icon .icon-wrap,
.kr_error-header-icon .icon-wrap {
position: absolute;
top: 0px;
}
.note-header-label,
.kr_error-header-label {
background-color: #f6f6f6;
padding: 0 15px;
flex: 1 1 100%;
font-size: 14px;
font-weight: bold;
border-radius: 0 5px 5px 0;
}
[dir='rtl'] .note-header-label,
[dir='rtl'] .kr_error-header-label {
border-radius: 5px 0 0 5px;
}