Message Banner

[tariqksoliman]

Are you sure this is not a new requirement or bug?

Yes

Task Type

Sub-task

💡 Description

Perhaps it simply queries for a file a json in s3. If that file has a message set, show the banner and render the text.

Copy existing pds-imaging/jpl banner style, roughly:

div {
   width: 100%;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(to right, #fac4c4ff, #ffebeb, #ffebeb, #fac4c4ff);
    color: #700000;
    border-bottom: 1px solid rgba(121, 121, 124, 0.75);
    font-size: 17px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

div > span {
    color: rgb(112, 0, 0);
    display: inline;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 17px;
    height: auto;
    line-height: 40px;
    text-align: center;
}