SAK-42835 Feedback: Update banners to use the Sakai ones. (sakaiproje…

…ct#7623)
WritingPanda · Nov 28, 2019 · c6f2fe8 · c6f2fe8
1 parent a40ff9e
commit c6f2fe8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 70 deletions.
diff --git a/feedback/src/webapp/WEB-INF/bootstrap.jsp b/feedback/src/webapp/WEB-INF/bootstrap.jsp
@@ -78,15 +78,11 @@
         <div class="portletBody">
             <ul id="feedback-toolbar" class="navIntraTool actionToolBar" role="menu"></ul>
             <div class="portletBody">
-                <div id="feedback-error-message-wrapper">
-                    <div>
-                        <span></span><a href="javascript:;" alt="${i18n.close}" title="${i18n.close}"></a>
-                    </div>
+                <div id="feedback-error-message-wrapper" class="sak-banner-error">
+                    <span></span>
                 </div>
-                <div id="feedback-info-message-wrapper">
-                    <div>
-                        <span></span><a href="javascript:;" alt="${i18n.close}" title="${i18n.close}"></a>
-                    </div>
+                <div id="feedback-info-message-wrapper" class="sak-banner-success">
+                    <span></span>
                 </div>
                 <div id="feedback-content"></div>
             </div>

diff --git a/feedback/src/webapp/css/feedback.css b/feedback/src/webapp/css/feedback.css
@@ -39,68 +39,6 @@
 
 #feedback-error-message-wrapper, #feedback-info-message-wrapper {
     display: none;
-    text-align: center;
-    margin-top: 10px;
-}
-
-#feedback-error-message-wrapper > div {
-    display: inline-block;
-    padding: 5px;
-    border: 1px red solid;
-    border-radius: 1em 1em 1em 1em;
-    color: red;
-}
-
-#feedback-error-message-wrapper > div:before {
-	content: "\f06a"; /* fa-exclamation-circle */
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
-    text-decoration: inherit;
-/*--adjust as necessary--*/
-    color: red;
-    font-size: 18px;
-}
-
-#feedback-info-message-wrapper > div{
-    display: inline-block;
-    padding: 5px;
-    border: 1px green solid;
-    border-radius: 1em 1em 1em 1em;
-    color: green;
-}
-
-#feedback-info-message-wrapper > div:before {
-	content: "\f05a"; /* fa-info-circle */
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
-    text-decoration: inherit;
-/*--adjust as necessary--*/
-    color: green;
-    font-size: 18px;
-}
-
-#feedback-error-message-wrapper span, #feedback-info-message-wrapper span {
-    margin-right: 12px;
-    margin-left: 0px;
-}
-
-#feedback-error-message-wrapper a, #feedback-info-message-wrapper a {
-    margin-right: 0px;
-    padding: 0px;
-    text-decoration: none;
-}
-
-#feedback-error-message-wrapper a:before, #feedback-info-message-wrapper a:before {
-    content: "\f00d"; /* fa-times */
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
-    text-decoration: inherit;
-/*--adjust as necessary--*/
-    color: red;
-    font-size: 18px;
 }
 
 .feedback-explanation {