Bug 1340483 - Part 5. Add basic layout style for preview node. r=heycam

MozReview-Commit-ID: IuTnIy7r0w8

--HG--
extra : rebase_source : c2b94c3d51a3bf7ff8a066e92329b1aeaf6af91e
This commit is contained in:
Ray Lin 2017-03-31 14:02:03 +08:00
parent acabd05355
commit 9800f2b30a

View File

@ -166,7 +166,9 @@ textarea > scrollbar {
textarea > .anonymous-div,
input > .anonymous-div,
input::placeholder,
textarea::placeholder {
textarea::placeholder,
input > .preview-div
textarea > .preview-div {
overflow: auto;
border: 0px !important;
padding: inherit !important;
@ -182,7 +184,8 @@ textarea::placeholder {
}
input > .anonymous-div,
input::placeholder {
input::placeholder,
input > .preview-div {
white-space: pre;
}
@ -199,7 +202,9 @@ input > .anonymous-div.inherit-scroll-behavior {
}
input::placeholder,
textarea::placeholder {
textarea::placeholder,
input > .preview-div,
textarea > .preview-div {
/*
* Changing display to inline can leads to broken behaviour and will assert.
*/
@ -213,15 +218,19 @@ textarea::placeholder {
overflow: hidden !important;
/*
* The placeholder should be ignored by pointer otherwise, we might have some
* The placeholder or preview should be ignored by pointer otherwise, we might have some
* unexpected behavior like the resize handle not being selectable.
*/
pointer-events: none !important;
}
input::placeholder,
textarea::placeholder {
opacity: 0.54;
}
textarea::placeholder {
textarea::placeholder,
textarea > .preview-div {
white-space: pre-wrap !important;
}