jodit/src/styles/plugins/add-new-line.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
 */

@color-new-line: #ccc;
@width-icon: 30px;
@height-icon: @padding-default * 2;

.jodit-add-new-line {
	box-sizing: border-box;
	* {
		box-sizing: border-box;
	}
	z-index: 1;
	position: absolute;
	height: @height-icon;
	line-height: 100%;
	vertical-align: middle;
	font-size: 0;
	top: 0;
	outline: none;
	margin-top: -@padding-default;
	//text-align: right;
	//padding: 5px;
	//vertical-align: middle;
	&:before {
		height: 100%;
		display: inline-block;
		vertical-align: middle;
		content: '';
	}
	&:after {
		box-sizing: border-box;
		vertical-align: middle;
		content: '';
		//position: absolute;
		border-top: 1px solid @color-new-line;
		height: 1px;
		display: inline-block;
		width: ~'calc(100% - @{width-icon})';
	}
	span {
		right: 0;
		position: absolute;
		display: inline-block;
		width: @width-icon;
		height: @height-icon;
		background: fade(@color-background-button-hover, 30%);
		vertical-align: top;
		border: 1px solid @color-new-line;
		padding: 0 5px;
		cursor: pointer;
		&:hover {
			background: fade(@color-background-button-hover, 100%);
		}
	}

	svg {
		width: 16px;
		fill: @color-new-line;
		vertical-align: top;
	}

	display: none;
}

.jodit_source_mode {
	.jodit-add-new-line {
		display: none !important;
	}
}