style notification & workflow messages

This commit is contained in:
Frédéric Péters 2018-11-18 08:35:00 +01:00
parent 6222816ae6
commit b037221435
2 changed files with 25 additions and 5 deletions

View File

@ -45,3 +45,10 @@ div#side { // w.c.s. steps in backoffice submission
}
}
}
div.workflow-messages > div,
div.workflow-messages > p {
background: white;
margin: 1ex 0;
padding: 1ex;
}

View File

@ -327,9 +327,10 @@ div.warningnotice,
div.errornotice {
position: relative;
font-size: 110%;
background: #fafafa;
background: white;
color: #3c3c33;
font-weight: normal;
border-radius: 3px;
margin: 1ex 0;
padding: 1ex;
border: 1px solid transparent;
@ -345,24 +346,36 @@ div.errornotice {
color: white;
}
&.successnotice {
&:before { content: "\f058"; } /* check-circle */
&:before { content: "\f058"; } // check-circle
border-color: #00b000;
border-image: linear-gradient(#27eb00, #78ff31) 27;
}
&.infonotice {
&:before { content: "\f05a"; } /* info-circle */
&:before { content: "\f05a"; } // info-circle
border-color: #0000b0;
border-image: linear-gradient(#4e7ee2, #00d6eb) 27;
}
&.warningnotice {
&:before { content: "\f06a"; } /* exclamation-circle */
&:before { content: "\f06a"; } //exclamation-circle
border-color: #ffb000;
border-image: linear-gradient(#ff7831, #ebd600) 27;
}
&.errornotice {
&:before { content: "\f071"; } /* exclamation-triangle */
&:before { content: "\f071"; } // exclamation-triangle
background: linear-gradient(to right, #f64474, #f4635e);
color: white;
}
}
div.workflow-messages > div.errornotice {
// slightly different style for error notices in workflow messages as
// the messages can be longer.
background: white;
border-color: #f4635e;
border-image: linear-gradient(#f64474, #f4635e) 27;
color: inherit;
}
/* main content */
#main {