LiveAtlas/src/scss/leaflet/_popups.scss

/*!
 * Copyright 2020 James Lyne
 *
 *    Licensed under the Apache License, Version 2.0 (the "License");
 *    you may not use this file except in compliance with the License.
 *    You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *    Unless required by applicable law or agreed to in writing, software
 *    distributed under the License is distributed on an "AS IS" BASIS,
 *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *    See the License for the specific language governing permissions and
 *    limitations under the License.
 */

.leaflet-popup {
	.leaflet-popup-content-wrapper, .leaflet-popup-tip {
		background-color: var(--background-base);
		color: var(--text-base);
	}

	.leaflet-popup-content-wrapper {
		max-height: 50vh;
		display: flex;
		border-radius: var(--border-radius);
	}

	.leaflet-popup-content {
		margin: 1rem;
		overflow: auto;
		word-break: break-word;
	}

	&.leaflet-popup--chat {
		.leaflet-popup-content {
			margin: 0.5rem 1rem;
			display: flex;
			flex-direction: column;
		}
	}

	@at-root  {
		.leaflet-container a.leaflet-popup-close-button {
			background-color: var(--background-base);
			border-radius: var(--border-radius);
			width: 2rem;
			height: 2rem;
			top: -1rem;
			right: -1rem;
			text-align: center;
			padding: 0;
			line-height: 2rem;
		}
	}

	@media print {
		display: none;
	}
}