mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 15:47:53 -05:00
positioning of alert field incomplete
This commit is contained in:
parent
a8ebdb7d32
commit
a60bd65887
1 changed files with 5 additions and 6 deletions
|
@ -29,7 +29,7 @@ $stage-width: 480px;
|
|||
&.has-error {
|
||||
|
||||
.validation-message {
|
||||
transform: translate(22rem, 0);
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -84,9 +84,7 @@ $stage-width: 480px;
|
|||
$arrow-border-width: 1rem;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: $arrow-border-width;
|
||||
margin-top: $arrow-border-width;
|
||||
border: 1px solid $active-gray;
|
||||
border-radius: 5px;
|
||||
background-color: $ui-orange;
|
||||
|
@ -96,6 +94,7 @@ $stage-width: 480px;
|
|||
overflow: visible;
|
||||
color: $type-white;
|
||||
font-size: 1rem;
|
||||
z-index: 1;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
|
@ -103,7 +102,7 @@ $stage-width: 480px;
|
|||
top: 1rem;
|
||||
left: -$arrow-border-width / 2;
|
||||
|
||||
transform: rotate(45deg);
|
||||
transform: rotate(135deg);
|
||||
|
||||
border-bottom: 1px solid $active-gray;
|
||||
border-left: 1px solid $active-gray;
|
||||
|
|
Loading…
Reference in a new issue