mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-09 04:39:03 +02:00
55 lines
1.4 KiB
CSS
55 lines
1.4 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
.error-text {
|
|
color: #fff;
|
|
background-color: #d70022;
|
|
border-radius: 2px;
|
|
margin: 5px 3px 0 3px;
|
|
/* The padding-top and padding-bottom are referenced by address-form.js */ /* TODO */
|
|
padding: 5px 12px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
top: 100%;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* ::before is the error on the error text panel */
|
|
:-moz-any(input, textarea, select) ~ .error-text::before {
|
|
background-color: #d70022;
|
|
top: -7px;
|
|
content: '.';
|
|
height: 16px;
|
|
position: absolute;
|
|
text-indent: -999px;
|
|
transform: rotate(45deg);
|
|
white-space: nowrap;
|
|
width: 16px;
|
|
z-index: -1
|
|
}
|
|
|
|
/* Position the arrow */
|
|
.error-text:dir(ltr)::before {
|
|
left: 12px
|
|
}
|
|
|
|
.error-text:dir(rtl)::before {
|
|
right: 12px
|
|
}
|
|
|
|
:-moz-any(input, textarea, select):-moz-ui-invalid:focus ~ .error-text {
|
|
visibility: visible;
|
|
}
|
|
|
|
address-form > footer > .cancel-button {
|
|
/* When cancel is shown (during onboarding), it should always be on the left with a space after it */
|
|
margin-right: auto;
|
|
}
|
|
|
|
address-form > footer > .back-button {
|
|
/* When back is shown (outside onboarding) we want "Back <space> Add/Save" */
|
|
/* Bug 1468153 may change the button ordering to match platform conventions */
|
|
margin-right: auto;
|
|
}
|