speach bubble look for property-errors
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user