css: add style for field live hint (#42396)

This commit is contained in:
Frédéric Péters 2020-06-13 12:02:53 +02:00
parent 80433c861b
commit 9617cf7cc8
1 changed files with 36 additions and 0 deletions

View File

@ -351,3 +351,39 @@ form.small button + a.button {
[name$="-clear"] + label {
display: inline;
}
.field-live-hint {
position: absolute;
background: #ffffee;
color: #333;
z-index: 1000000;
padding: 1em 1em;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
}
.field-live-hint span::before {
font-family: FontAwesome;
content: "\f071"; /* exclamation triangle */
padding-right: 0.5em;
}
.field-live-hint button.action,
.field-live-hint button.close {
margin: 0 1em;
padding: 0;
color: blue !important;
border: none;
text-decoration: underline !important;
background: transparent !important;
box-shadow: none !important;
}
.field-live-hint button.close {
color: #333 !important;
margin: 0;
text-decoration: none !important;
}
.field-live-hint button.close::after {
content: "×";
}