/*
This file is part of Vodka.

Vodka is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Vodka is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Vodka.  If not, see <https://www.gnu.org/licenses/>.
*/


/*
An error shows in normal mode too, where almost nothing else does.

Everything a value nex is made of is display:none until exploded, and an error
is a value nex -- so a draw function that failed put its error in the document
and the stylesheet hid it, leaving a face with a silent gap in it. A failure is
the one thing that must never be invisible: you are looking at the drawing
precisely because you cannot see the code behind it.

(comment by Claude)
*/
.eerror {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-style: italic;
	font-family: monospace;
	color: var(--error-text);
}

.eerror.exploded {
	border-radius: 6px;	
	font-style: italic;
	font-family: monospace;
	color: var(--error-text);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left:22px;
}

.eerror.fatal {
	color: var(--error-text);
}

.eerror.warning {
	color: var(--error-info-text);
}

.eerror.info {
	color: var(--error-ok-text);
}

.eerror.previouslyfatal {
	color: var(--error-warn-text);
}

.eerror > .innerspan {
	margin-bottom: 4px;
}

.eerror.exploded.selected {
	padding-left:22px;
	border: 3px solid var(--selected-border);
}
/*
A repeated error counts up instead of repeating down the document. The count
sits in its own box to the left of the message, with the error's own background
showing between the two so they read as separate areas.
*/
.eerror > .errorheadline {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	margin-bottom: 4px;
}

.eerror > .errorheadline > .innerspan {
	margin-bottom: 0;
	margin-left: 8px;
}

.eerror .repeatcount {
	display: flex;
	align-items: center;
	padding: 0 5px;
	background-color: var(--error-repeat-background);
	color: var(--error-repeat-text);
}