@abi-software/flatmap-viewer 2.3.0-a.1 → 2.3.0-a.2

package/static/{flatmap-viewer.css → css/flatmap-viewer.css}

@@ -51,6 +51,10 @@ li.flatmap-contextmenu-item:hover {
     margin-top: 2px;
 }
 
+.text-button {
+    width: 64px;
+}
+
 /* Search box */
 
 #search-control-input {
@@ -103,22 +107,22 @@ li.flatmap-contextmenu-item:hover {
 /* Navigation control buttons */
 
 .maplibregl-ctrl button.navigation-zoom-in {
-    background-image: url("images/zoom-in-button.png");
+    background-image: url("../images/zoom-in-button.png");
 }
 .maplibregl-ctrl button.navigation-zoom-in:active {
-    background-image: url("images/zoom-in-active.png");
+    background-image: url("../images/zoom-in-active.png");
 }
 .maplibregl-ctrl button.navigation-zoom-out {
-    background-image: url("images/zoom-out-button.png");
+    background-image: url("../images/zoom-out-button.png");
 }
 .maplibregl-ctrl button.navigation-zoom-out:active {
-    background-image: url("images/zoom-out-active.png");
+    background-image: url("../images/zoom-out-active.png");
 }
 .maplibregl-ctrl button.navigation-reset {
-    background-image: url("images/reset-map-button.png");
+    background-image: url("../images/reset-map-button.png");
 }
 .maplibregl-ctrl button.navigation-reset:active {
-    background-image: url("images/reset-map-active.png");
+    background-image: url("../images/reset-map-active.png");
 }
 .navigation-group button {
     display: block;
@@ -176,7 +180,7 @@ li.flatmap-contextmenu-item:hover {
 .flatmap-nerve-grid {
     margin-top: 10px;
     display: grid;
-    grid-template-columns: 3fr 0.2fr 0.8fr;
+    grid-template-columns: 3fr 0.8fr 0.2fr;
     column-gap: 10px;
     row-gap: 0.2em;
     width: 300px;
@@ -198,42 +202,161 @@ li.flatmap-contextmenu-item:hover {
 label[for=path-all-paths] {
     font-weight: bold;
 }
-.nerve-centreline {
-    background: #CC0;
+
+/* Layer control */
+
+.flatmap-control {
+    text-align: right;
+}
+.flatmap-control-grid {
+    margin-top: 10px;
+    display: grid;
+    grid-template-columns: 3.8fr 0.2fr;
+    column-gap: 10px;
+    row-gap: 0.2em;
+    width: 300px;
+    font-size: 10pt;
+    cursor: pointer;
+    text-align: left;
+    background: white;
+    border: 1px solid gray;
+    padding: 4px;
+    opacity: 0.8;
+}
+.flatmap-control-grid input {
+    height:  1.1em;
+}
+label[for=layer-all-layers] {
+    font-weight: bold;
+}
+
+/* Markers */
+
+.flatmap-marker {
+    transform: scale(0.5);
+}
+
+/* Annotator */
+.flex-auto {
+    flex: 1 1 auto;
+}
+
+#flatmap-annotation-panel {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    height: 100%;
 }
-.nerve-cns {
-    background: #9B1FC1;
+#flatmap-annotation-form
+{
+    flex: auto;
 }
-.nerve-lcn {
-    background: #F19E38;
+
+#flatmap-annotation-feature,
+#flatmap-annotation-form,
+#flatmap-annotation-existing
+{
+    padding: 4px;
 }
-.nerve-other {
-    background: #888;
+#flatmap-annotation-feature,
+#flatmap-annotation-existing
+{
+    background-color: #DDD;
+    border: 2px solid #888;
 }
-.nerve-para-pre {
-    background: #3F8F4A;
+
+#flatmap-annotation-existing
+{
+    overflow: scroll;
+    max-height: 400px;
 }
-.nerve-para-post {
-    background: repeating-linear-gradient(to right,#3F8F4A 0,#3F8F4A 6px,transparent 6px,transparent 9px)
+
+.flatmap-annotation-prompt
+{
+    font-weight: bold;
+    display: inline-block;
+    min-width: 80px;
+    padding-right: 6px;
+    vertical-align: top;
 }
-.nerve-sensory {
-    background: #2A62F6;
+
+.flatmap-annotation-value
+{
+    display: inline-block;
+    vertical-align: top;
 }
-.nerve-somatic {
-    background: #98561D;
+
+#flatmap-annotation-formdata
+{
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    padding-right: 4px;
 }
-.nerve-symp-pre {
-    background: #EA3423;
+
+#flatmap-annotation-formdata div
+{
+    padding-top: 4px;
+    padding-bottom: 4px;
 }
-.nerve-symp-post {
-    background: repeating-linear-gradient(to right,#EA3423 0,#EA3423 6px,transparent 6px,transparent 9px)
+
+.flatmap-annotation-entry {
+    display: flex;
+    flex-wrap: nowrap;
 }
 
+#flatmap-annotation-form input,
+#flatmap-annotation-form .multiple,
+#flatmap-annotation-form select,
+#flatmap-annotation-form textarea
+{
+    flex: auto;
+}
 
-/* Markers */
+#flatmap-annotation-form label
+{
+    padding-right: 6px;
+    display: inline-block;
+    width: 80px;
+}
+#flatmap-annotation-form .multiple,
+#flatmap-annotation-form textarea
+{
+    width: 360px;
+}
+#flatmap-annotation-form input[type="text"]
+{
+    width: 300px;
+}
+#flatmap-annotation-form .multiple
+{
+    padding:0;
+}
+#flatmap-annotation-form select
+{
+    width: 160px;
+}
+#flatmap-annotation-form input[type="button"]
+{
+    float: right;
+    background-color: #BBB;
+}
 
-.flatmap-marker {
-    transform: scale(0.5);
+.jsPanel-title {
+    font-size: 1.4em !important;
+    font-weight: bold !important;
 }
 
+.jsPanel-content
+{
+    background-color: #EEE !important;
+}
+.jsPanel-hdr,
+.jsPanel-ftr
+{
+    background-color: #BBB !important;
+}
+.jsPanel-ftr-btn {
+    cursor: pointer;
+}
 /* End of file */