css: add style for field live hint (#42396)
This commit is contained in:
parent
80433c861b
commit
9617cf7cc8
|
@ -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: "×";
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue