scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

positioning of alert field incomplete

Browse source
This commit is contained in:
Linda 2018-09-12 17:28:27 -04:00
parent a8ebdb7d32
commit a60bd65887
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/views/preview/preview.scss
View file

@ -29,7 +29,7 @@ $stage-width: 480px;
&.has-error { &.has-error {
.validation-message { .validation-message {
transform: translate(22rem, 0); right: 0;
} }
} }
@ -84,9 +84,7 @@ $stage-width: 480px;
$arrow-border-width: 1rem; $arrow-border-width: 1rem;
display: block; display: block;
position: absolute; position: absolute;
top: 0; margin-top: $arrow-border-width;
left: 0;
margin-left: $arrow-border-width;
border: 1px solid $active-gray; border: 1px solid $active-gray;
border-radius: 5px; border-radius: 5px;
background-color: $ui-orange; background-color: $ui-orange;
@ -96,6 +94,7 @@ $stage-width: 480px;
overflow: visible; overflow: visible;
color: $type-white; color: $type-white;
font-size: 1rem; font-size: 1rem;
z-index: 1;
&:before { &:before {
display: block; display: block;
@ -103,7 +102,7 @@ $stage-width: 480px;
top: 1rem; top: 1rem;
left: -$arrow-border-width / 2; left: -$arrow-border-width / 2;
transform: rotate(45deg); transform: rotate(135deg);
border-bottom: 1px solid $active-gray; border-bottom: 1px solid $active-gray;
border-left: 1px solid $active-gray; border-left: 1px solid $active-gray;