scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-25 20:29:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions4

placeholder text goes away when instructions, credits clicked

Browse source
This commit is contained in:
Ben Wheeler 2018-12-11 10:22:09 -05:00
parent 594ce06b5b
commit 478259a5d2
1 changed files with 32 additions and 0 deletions

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

@ -469,8 +469,40 @@ $stage-width: 480px;
display: flex;
flex: 1;
}
::-webkit-input-placeholder { /* Chrome <=56, Safari < 10 */
transition: opacity .25s;
opacity: 1;
-webkit-transition: opacity .25s;
}
:-moz-placeholder { /* FF 4-18 */
transition: opacity .25s;
opacity: 1;
-moz-transition: opacity .25s;
}
::-moz-placeholder { /* FF 19-51 */
transition: opacity .25s;
opacity: 1;
-moz-transition: opacity .25s;
}
:-ms-input-placeholder { /* IE 10+ */
transition: opacity .25s;
opacity: 1;
-ms-transition: opacity .25s;
}
::placeholder { /* Modern Browsers */
transition: opacity .25s;
opacity: 1;
}
*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */
}
.comments-header {
padding: 0 0 1rem 0;
justify-content: space-between;