qwc2 2025.3.31

package/plugins/style/MapExport.css

@@ -0,0 +1,55 @@
+div.MapExport div.mapexport-body {
+    padding: 0.25em;
+}
+
+div.MapExport .mapexport-minimize-maximize {
+    margin-left: 1em;
+    padding: 0.25em;
+}
+
+div.MapExport table.options-table {
+    width: 100%;
+}
+
+div.MapExport table.options-table td {
+    padding: 0.125em 0;
+}
+
+div.MapExport table.options-table td:first-child {
+    max-width: 10em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding-right: 0.25em;
+}
+
+div.MapExport table.options-table td:nth-child(2) {
+    width: 99%;
+}
+
+div.MapExport table.options-table td:nth-child(2) > * {
+    width: 100%;
+}
+
+div.MapExport table.options-table textarea {
+    resize: vertical;
+}
+
+div.MapExport div.button-bar {
+    margin-top: 0.5em;
+}
+
+div.MapExport div.button-bar > button {
+    width: 100%;
+}
+
+div.MapExport span.mapexport-wait {
+    display: flex;
+    align-items: center;
+}
+
+div.MapExport span.mapexport-wait div.spinner {
+    width: 1.25em;
+    height: 1.25em;
+    margin-right: 0.5em;
+    flex: 0 0 auto;
+}

package/plugins/style/MapFilter.css

@@ -0,0 +1,101 @@
+#MapFilter div.map-filter-entry {
+    margin: 0.25em;
+    border: 1px solid var(--border-color);
+}
+
+#MapFilter div.map-filter-entry-titlebar {
+    padding: 0.25em;
+    background-color: var(--titlebar-bg-color);
+    color: var(--titlebar-text-color);
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    height: 2em;
+}
+
+#MapFilter div.map-filter-entry-titlebar > .map-filter-entry-title {
+    flex: 1 1 auto;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#MapFilter div.map-filter-entry-titlebar > div.ToggleSwitch {
+    flex: 0 0 6em;
+    height: 1.5em;
+}
+
+#MapFilter div.map-filter-entry-body {
+    padding: 0.25em;
+}
+
+#MapFilter div.map-filter-invalid-warning {
+    background-color: orange;
+    display: flex;
+    align-items: center;
+    padding: 0.25em 0.5em;
+    margin: 0.25em;
+}
+
+#MapFilter div.map-filter-invalid-warning > div {
+    margin-left: 0.25em;
+}
+
+#MapFilter table.map-filter-entry-fields {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+#MapFilter table.map-filter-entry-fields td:first-child {
+    white-space: nowrap;
+}
+
+#MapFilter table.map-filter-entry-fields td:last-child {
+    width: 99%;
+}
+
+#MapFilter table.map-filter-entry-fields td:last-child > * {
+    width: 100%;
+}
+
+#MapFilter div.map-filter-add-custom {
+    padding: 0.25em;
+}
+
+#MapFilter div.map-filter-custom-entry-titlebar {
+    display: flex;
+}
+
+#MapFilter div.map-filter-custom-entry-titlebar > div.TextInput {
+    flex: 1 1 auto;
+}
+
+#MapFilter div.map-filter-custom-entry-titlebar > div.ToggleSwitch {
+    margin: 0 0.5em;
+}
+
+#MapFilter div.map-filter-add-custom > button {
+    width: 100%;
+}
+
+#MapFilter input.map-filter-custom-entry-expr {
+    min-width: 0;
+    width: 100%;
+}
+
+#MapFilter div.map-filter-editor-container {
+    padding: 0.25em;
+}
+
+#MapFilter div.map-filter-editor {
+    height: 5em;
+}
+
+#MapFilter div.map-filter-editor-invalid {
+    background-color: rgba(255, 127, 127);
+}
+
+button.filter-map-button-error {
+    background-color: orange;
+
+}

package/plugins/style/MapInfoTooltip.css

@@ -0,0 +1,78 @@
+div.mapinfotooltip {
+    position: absolute;
+    z-index: 2;
+    pointer-events: none;
+}
+
+div.mapinfotooltip-window {
+    margin-top: 1em;
+    background: var(--container-bg-color);
+    box-shadow: 0px 0px 5px rgba(136, 136, 136, 1);
+    border-radius: 0.5em;
+    transform: translate(-50%, 0);
+    -webkit-font-smoothing: antialiased;
+    white-space: nowrap;
+    pointer-events: all;
+}
+
+div.mapinfotooltip-titlebar {
+    background-color: var(--titlebar-bg-color);
+    color: var(--titlebar-text-color);
+    font-weight: bold;
+    padding: 0.25em 0.5em;
+    border-radius: 0.5em 0.5em 0 0;
+    display: flex;
+    align-items: center;
+    font-size: 90%;
+}
+
+span.mapinfotooltip-title {
+    flex: 1 1 auto;
+}
+
+button.mapinfotooltip-button {
+    flex: 0 0 auto;
+    margin-right: 0.5em;
+    border: none;
+    background-color: transparent;
+    background-color: var(--titlebar-bg-color);
+    color: var(--titlebar-text-color);
+}
+
+button.mapinfotooltip-button:hover {
+    color: var(--titlebar-bg-color);
+    background-color: var(--titlebar-text-color);
+}
+
+div.mapinfotooltip-body {
+    padding: 0.25em;
+}
+
+div.mapinfotooltip-body:after {
+    content: '';
+    display: block;
+    position: absolute;
+    left: calc(50% - 1em);
+    top: -1em;
+    width: 0;
+    height: 0;
+    border-left: 1em solid transparent;
+    border-right: 1em solid transparent;
+    border-bottom: 1em solid var(--titlebar-bg-color);
+}
+
+div.mapinfotooltip-body table {
+    font-size: 75%;
+}
+
+div.mapinfotooltip-body td {
+    padding: 0.25em;
+}
+
+table.mapinfotooltip-body-routing td:last-child {
+    display: flex;
+}
+
+table.mapinfotooltip-body-routing td:last-child button {
+    flex: 1 1 auto;
+}

package/plugins/style/MapLegend.css

@@ -0,0 +1,36 @@
+div.map-legend {
+    background-color: white;
+    overflow: auto;
+    height: calc(100% + 0.5em);
+    margin: -0.25em;
+    padding: 0.25em;
+}
+
+span.map-legend-color-box {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    margin: 0.25em 1em 0.25em 0.25em;
+    border: 1px solid black;
+}
+
+div.map-legend-group-title {
+    font-weight: bold;
+    margin: 0.25em;
+}
+
+div.map-legend-group-entries {
+    margin-left: 0.5em;
+    border-left: 1px solid var(--border-color);
+    padding-left: 1em;
+}
+
+div.map-legend-legend-entry {
+    display: flex;
+    align-items: center;
+    margin-bottom: 1em;
+}
+
+div.map-legend-entry-title {
+    font-size: 95%;
+}

package/plugins/style/MapTip.css

@@ -0,0 +1,22 @@
+#MapTipPointerBuffer {
+    position: absolute;
+    width: 16px;
+    height: 16px;
+}
+
+#MapTip {
+    position: absolute;
+    background: var(--list-bg-color);
+    box-shadow: 0px 2px 5px rgba(136, 136, 136, 0.5);
+    border-radius: 0.5em;
+    border: 1px solid var(--border-color);
+    overflow-y: auto;
+}
+
+#MapTip > div {
+    padding: 0.25em;
+}
+
+#MapTip > div:not(:last-child) {
+    border-bottom: 1px solid var(--border-color);
+}

package/plugins/style/Measure.css

@@ -0,0 +1,23 @@
+div.measure-body {
+    margin-top: 0.25em;
+    white-space: nowrap;
+    overflow: visible;
+    min-width: 17.5em;
+    display: flex;
+}
+
+input.measure-result {
+    flex: 1 1 auto;
+    text-align: center;
+    field-sizing: content;
+}
+
+span.measure-unit-label {
+    padding: 0.25em;
+    height: 2em;
+    background-color: var(--input-bg-color);
+    border: 1px solid var(--border-color);
+    border-right-width: 0;
+    display: flex;
+    align-items: center;
+}

package/plugins/style/NewsPopup.css

@@ -0,0 +1,87 @@
+div.newspopup-dialog-container {
+    z-index: 202;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: rgba(127, 127, 127, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+div.newspopup-dialog-popup {
+    flex: 0 0 75%;
+    height: 66%;
+    background-color: var(--container-bg-color);
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);
+    display: flex;
+    flex-direction: column;
+}
+
+div.newspopup-dialog-popup-title {
+    font-weight: bold;
+    color: var(--titlebar-text-color);
+    background-color: var(--titlebar-bg-color);
+    flex: 0 0 2.5em;
+    display: flex;
+    align-items: center;
+    padding: 0 0.25em;
+    display: flex;
+    align-items: center;
+}
+
+div.newspopup-dialog-popup-title span:first-child {
+    flex: 1 1 auto;
+}
+
+div.newspopup-dialog-popup-title span.icon {
+    flex: 0 0 auto;
+    margin-right: 0.25em;
+    font-size: large;
+}
+
+div.newspopup-dialog-popup-body {
+    padding: 0.25em;
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+}
+
+div.newspopup-dialog-popup-body > iframe {
+    width: 100%;
+    border-width: 0;
+    background-color: transparent;
+    flex: 1 1 auto;
+    height: 0;
+}
+
+div.newspopup-dialog-popup-body > div.newspopup-dialog-popup-buttonbar {
+    border-top: 1px solid var(--border-color);
+    flex: 0 0 auto;
+    text-align: center;
+}
+
+div.newspopup-dialog-popup-body > div.newspopup-dialog-popup-buttonbar button {
+    margin: 0.5em;
+    padding: 0.5em;
+    background-color: var(--titlebar-bg-color);
+    color: white;
+    font-weight: bold;
+    border: 1px solid var(--border-color);
+}
+
+#NewsPopup {
+    height: 480px;
+}
+
+#NewsPopup div.newspopup-dialog-popup-body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+#NewsPopup div.newspopup-dialog-popup-body > iframe {
+    flex: 1 1 auto;
+}

package/plugins/style/Panoramax.css

@@ -0,0 +1,15 @@
+div.panoramax-body {
+    height: calc(100% + 0.5em);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    margin: -0.25em;
+}
+
+div.panoramax-body .gvs-psv-tour-arrows{
+    all: unset;
+}
+
+div.panoramax-body .gvs-btn:focus{
+    outline: none;
+}

package/plugins/style/Portal.css

@@ -0,0 +1,115 @@
+div.portal-topbar {
+    background-color: var(--titlebar-bg-color);
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    height: 3.5em;
+    z-index: 201;
+    display: flex;
+    align-items: center;
+}
+
+span.portal-topbar-text {
+    color: var(--titlebar-text-color);
+    padding: 0 1.5em 0 0.5em;
+    font-weight: bold;
+}
+
+img.portal-logo {
+    width: auto;
+    height: 3.5em;
+    flex: 0 0 auto;
+}
+
+input.portal-search-field {
+    flex: 1 1 auto;
+    max-width: 70ch;
+}
+
+span.portal-topbar-spacer {
+    flex: 1 1 auto;
+}
+
+div.portal-topbar div.AppMenu {
+    flex: 0 0 auto;
+}
+
+div.portal-topbar div.AppMenu div.appmenu-menu-container {
+    height: calc(100vh - 5.75em);
+    background-color: var(--app-menu-bg-color);
+}
+
+div.portal-topbar div.AppMenu ul.appmenu-menu li:last-child {
+    border-bottom: 1px solid var(--app-menu-text-color);
+}
+
+div.portal-topbar span.appmenu-label {
+    color: var(--titlebar-text-color);
+}
+
+div.portal-topbar span.appmenu-icon {
+    color: var(--titlebar-text-color);
+    border: 2px solid var(--titlebar-text-color);
+}
+
+div.portal-body {
+    background-color: var(--container-bg-color);
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 2.25em;
+    top: 3.5em;
+    z-index: 200;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+}
+
+div.portal-body-menuvisible div.ThemeList {
+    margin-right: 20em;
+}
+
+div.portal-body div.ThemeList {
+    flex: 1 1 auto;
+}
+
+div.portal-bottombar {
+    background-color: var(--titlebar-bg-color);
+    color: var(--titlebar-text-color);
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 3em;
+    font-size: 75%;
+    z-index: 200;
+    display: flex;
+    align-items: center;
+}
+
+div.portal-bottombar-user {
+    flex: 0 0 auto;
+    padding: 0 0.5em;
+}
+
+div.portal-bottombar-user > span.icon {
+    margin-right: 0.5em;
+}
+
+div.portal-bottombar-links {
+    flex: 1 1 auto;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 0 0.5em;
+}
+
+div.portal-bottombar-links > a {
+    color: var(--titlebar-text-color);
+    padding: 0 0.5em;
+}
+
+div.portal-bottombar-links > a:not(:last-child) {
+    border-right: 1px solid var(--titlebar-text-color);
+}

package/plugins/style/Print.css

@@ -0,0 +1,116 @@
+#Print div.print-body {
+    padding: 0.25em;
+}
+
+#Print span.option-label {
+    margin-right: 1em;
+    width: 10em;
+}
+
+#Print .print-minimize-maximize {
+    margin-left: 1em;
+    padding: 0.25em;
+}
+
+#Print table.options-table {
+    width: 100%;
+}
+
+#Print table.options-table td {
+    padding: 0.125em 0;
+}
+
+#Print table.options-table td:first-child {
+    max-width: 10em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding-right: 0.25em;
+    white-space: nowrap;
+}
+
+#Print table.options-table td:nth-child(2) {
+    width: 99%;
+}
+
+#Print table.options-table td:nth-child(2) > * {
+    width: 100%;
+}
+
+#Print table.options-table textarea {
+    resize: vertical;
+}
+
+#Print div.button-bar {
+    margin-top: 0.5em;
+}
+
+#Print div.button-bar > button {
+    width: 100%;
+}
+
+div.print-output-window-body {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+div.print-output-window-body > iframe {
+    border: 0;
+    width: 100%;
+    height: 100%;
+}
+
+span.print-output-window-wait {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(200, 200, 200, 0.9);
+}
+
+span.print-output-window-wait div.spinner {
+    width: 4em;
+    height: 4em;
+    margin-right: 1em;
+}
+
+#Print span.print-wait {
+    display: flex;
+    align-items: center;
+}
+
+#Print span.print-wait {
+    display: flex;
+    align-items: center;
+}
+
+#Print span.print-wait div.spinner {
+    width: 1.25em;
+    height: 1.25em;
+    margin-right: 0.5em;
+    flex: 0 0 auto;
+}
+
+#Print div.print-atlas-features {
+    display: flex;
+    flex-wrap: wrap;
+    border: 1px solid var(--border-color);
+    background-color: var(--input-bg-color);
+}
+
+#Print div.print-atlas-features > span {
+    background-color: var(--border-color);
+    color: var(--text-color);
+    display: flex;
+    align-items: center;
+    padding: 0.25em;
+    margin: 0.125em;
+}
+
+#Print div.print-atlas-features > span > span:first-child {
+    margin-right: 0.5em;
+}

package/plugins/style/ProcessNotifications.css

@@ -0,0 +1,55 @@
+div.process-notifications {
+    position: fixed;
+    right: 0;
+    top: var(--topbar-height);
+    box-shadow: 0 -2px 4px rgba(136, 136, 136, 0.5);
+    width: 20em;
+    z-index: 1000;
+}
+
+div.process-notification {
+    padding: 0 0.5em;
+    border: 1px solid var(--border-color);
+}
+
+div.process-notification-pending {
+    color: white;
+    background-color: #8886d4;
+}
+
+div.process-notification-success {
+    color: white;
+    background-color: #09ac00;
+}
+
+div.process-notification-failure {
+    color: white;
+    background-color: #ff0000;
+}
+
+div.process-notification-head {
+    display: flex;
+    align-items: center;
+    height: 2.5em;
+}
+
+div.process-notification-head > span.icon:first-child {
+    font-size: 150%;
+    margin-right: 0.25em;
+}
+
+div.process-notification-head > div.spinner {
+    width: 2em;
+    height: 2em;
+    margin-right: 0.25em;
+}
+
+span.process-notification-label {
+    flex: 1 1 auto;
+}
+
+div.process-notification-detail {
+    font-style: italic;
+    font-size: 90%;
+    padding: 0.25em;
+}