jodit/src/styles/plugins/popupInline.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
 */
.jodit_toolbar_popup-inline-target {
	position: absolute;
	width: 0;
	height: 0;
	&.jodit_toolbar_popup-inline-target-hidden {
		display: none;
	}
}

.jodit_toolbar_popup-inline {
	display: inline-block !important;

	position: relative !important;
	> div {
		color: @color-background-gray;
		background: @popup-bg-color;
		box-shadow: none;
		background-clip: padding-box;
		font-family: @font-default;
		box-sizing: border-box;
		user-select: none;
		z-index: @z-index-popap !important;
		text-align: left;
		border: 1px solid @color-background-gray;
		display: inline-block;
		vertical-align: top;
	}

	.jodit_toolbar {
		z-index: 7;
		border: 0;
		white-space: normal;
	}

	> div > .jodit_toolbar {
		white-space: nowrap;
		box-shadow: none;
		vertical-align: top;
	}
	> .jodit_popup_triangle {
		padding: 0;
		margin: 0;
		width: @popup-triangle-size;
		height: @popup-triangle-size;
		position: absolute;
		top: -@popup-triangle-size / 2;
		margin-left: -@popup-triangle-size / 2;
		display: inline-block;
		transform: rotate(45deg);
		background: @popup-bg-color;
		border: 1px solid @color-background-gray;
		border-width: 1px 0 0 1px;
		z-index: 6;
	}
	&.jodit_toolbar_popup-inline-top {
		> .jodit_popup_triangle {
			top: auto;
			bottom: -@popup-triangle-size / 2;
			border-width: 0 1px 1px 0;
		}
	}

	.buttons {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		padding: 0 2px;
		white-space: nowrap;
		line-height: 0;
		border-bottom: 0px;
	}
}