Add first pass at unsupported message and style

This commit is contained in:
Alasdair Smith 2018-07-11 14:08:11 +01:00
parent 00c089448e
commit 538aba323a
2 changed files with 23 additions and 5 deletions

View file

@ -235,8 +235,10 @@
i.fa.fa-list
span.rp-nav-label #{translate("overview")}
.rp-unsupported-msg
p UNSUPPORTED
.rp-unsupported-msg-wrapper
.rp-unsupported-msg
i.fa.fa-5x.fa-exclamation-triangle
p Track Changes is unsupported in Rich Text mode
script(type='text/ng-template', id='changeEntryTemplate')

View file

@ -846,12 +846,28 @@
}
}
.rp-unsupported-msg {
.rp-unsupported-msg-wrapper {
display: none;
.rp-unsupported & {
.rp-size-expanded.rp-unsupported & {
display: block;
}
height: 100%;
.rp-unsupported-msg {
display: flex;
width: @review-panel-width - 40px;
height: 100%;
flex-direction: column;
width: @review-panel-width;
justify-content: center;
align-items: center;
margin: 0 auto;
text-align: center;
p {
font-size: 1.3em;
margin-top: 13px;
}
}
}