speach bubble look for property-errors

This commit is contained in:
Niels Lyngsø
2020-07-31 10:47:01 +02:00
parent 0e82ec9995
commit 20779dff01
2 changed files with 44 additions and 0 deletions

View File

@@ -77,3 +77,20 @@
.alert-block p + p {
margin-top: 5px;
}
// Property error alerts
// -------------------------
.alert.property-error {
&::after {
content:'';
position: absolute;
bottom:0;
left: 32px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid @warningBackground;
}
}

View File

@@ -7,6 +7,7 @@
// -------------------------
.alert {
position: relative;
padding: 8px 35px 8px 14px;
margin-bottom: @baseLineHeight;
background-color: @warningBackground;
@@ -98,3 +99,29 @@
.alert-block p + p {
margin-top: 5px;
}
// Property error alerts
// -------------------------
.alert.property-error {
display: inline-block;
font-size: 14px;
padding: 6px 16px 6px 12px;
margin-bottom: 6px;
&::after {
content:'';
position: absolute;
bottom:-6px;
left: 6px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid;
}
&.alert-error::after {
border-top-color: @errorBackground;
}
}