diff --git a/.settings/org.eclipse.wst.common.component b/.settings/org.eclipse.wst.common.component index cb4d305..761b5fd 100644 --- a/.settings/org.eclipse.wst.common.component +++ b/.settings/org.eclipse.wst.common.component @@ -1,5 +1,6 @@ - + + @@ -25,7 +26,8 @@ - + + @@ -51,7 +53,8 @@ - + + @@ -77,7 +80,8 @@ - + + @@ -103,7 +107,8 @@ - + + @@ -129,7 +134,8 @@ - + + @@ -158,7 +164,8 @@ uses - + + @@ -184,7 +191,8 @@ - + + @@ -210,7 +218,8 @@ - + + @@ -236,7 +245,8 @@ - + + diff --git a/src/main/webapp/GeoportalDataViewer.css b/src/main/webapp/GeoportalDataViewer.css index aa3f37f..182fbea 100644 --- a/src/main/webapp/GeoportalDataViewer.css +++ b/src/main/webapp/GeoportalDataViewer.css @@ -188,7 +188,7 @@ body { /*margin-top: 30px;*/ overflow-y: auto; transition: width 0.5s; - z-index: 100; + z-index: 999; } .overlay { @@ -592,16 +592,7 @@ body { transform: translate(-50%); } -@media all and (max-width: 1024px) { - #timeline-data { - width: 250px; - left: 125px; - bottom: 50px - } -} - .timeline-popup { - } .timeline-popup-header { @@ -630,8 +621,51 @@ body { color: white; } - .timeline-popup-content { padding: 5px; max-height: 400px; } + + +/***** +RESPONSIVE +***/ + +@media all and (max-width: 1919px) { + .details-panel { + width: 400px; + } +} + +@media all and (max-width: 1919px) { + .inner-toolbar { + width: 100px; + } +} + +@media all and (max-width: 2350px) { + #timeline-data { + width: 700px; + left: 550px; + } +} + +@media all and (max-width: 1700px) { + #timeline-data { + width: 400px; + left: 210px; + bottom: 50px + } +} + +@media all and (max-width: 1024px) { + #timeline-data { + width: 260px; + left: 140px; + bottom: 50px + } + .search-facility { + width: 250px; + max-width: 300px; + } +}