jodit/src/styles/modules/filebrowser/preview.less

Jodit is awesome and usefully wysiwyg editor with filebrowser

/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * Licensed under GNU General Public License version 2 or later or a commercial license or MIT;
 * For GPL see LICENSE-GPL.txt in the project root for license information.
 * For MIT see LICENSE-MIT.txt in the project root for license information.
 * For commercial licenses see https://xdsoft.net/jodit/commercial/
 * Copyright (c) 2013-2019 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
 */
@import (reference) '../../variables';

.jodit_filebrowser_preview {
	text-align: center;
	min-width: 600px;
	max-width: 1000px;
	min-height: 700px;
	max-height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;

	&_box {
		flex-grow: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	&_navigation {
		position: absolute;
		top: 0;
		height: 100%;
		left: 0;

		&-next {
			left: auto;
			right: 0;
		}

		svg {
			width: 45px;
			height: 45px;
			position: relative;
			top: 50%;
			margin-top: -22px;
			transition: fill 0.3s linear;
			fill: #9e9ba7;
		}

		&:hover svg {
			fill: #000;
		}
	}

	img {
		max-width: 100%;
		max-height: 100%;
	}
}