Closes #2607 & #2608 (#2609)

Fixed #2607 "The width of blue background for text messages fixed." Fixed # 2608 "Focus on banner should frame just the banner itself and not the whole line with the banner" --------- Co-authored-by: lbownik <[email protected]>
CeON · Dec 10, 2024 · 074d534 · 074d534
1 parent 363170c
commit 074d534
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/...c/main/java/edu/harvard/iq/dataverse/bannersandmessages/banners/dto/ImageWithLinkDto.java b/...c/main/java/edu/harvard/iq/dataverse/bannersandmessages/banners/dto/ImageWithLinkDto.java
@@ -23,6 +23,7 @@ public void setImage(StreamedContent image) {
     public String getLink() {
         return link;
     }
+
 
     public void setLink(String link) {
         this.link = link;

diff --git a/dataverse-webapp/src/main/webapp/dataverse_header.xhtml b/dataverse-webapp/src/main/webapp/dataverse_header.xhtml
@@ -362,7 +362,7 @@
 
     </div>
 
-    <div id="dataverse-header-block">
+    <div id="dataverse-header-block" class="container">
         <div class="alert alert-warning" jsf:rendered="#{systemConfig.isReadonlyMode()}">
             <p class="text-block text-center" style="margin: 0 auto;">
                 <span class="glyphicon glyphicon-exclamation-sign"></span>&#160;

diff --git a/dataverse-webapp/src/main/webapp/text-messagesAndBanners.xhtml b/dataverse-webapp/src/main/webapp/text-messagesAndBanners.xhtml
@@ -19,18 +19,18 @@
             </ui:repeat>
 
             <ui:repeat value="#{banners}" var="banner">
-                <div class="p-col">
-                    <h:commandLink style="display: block;"
+                <div style="display: flex;align-content: center;">
+                  <h:commandLink style="text-align: center; display: block; margin: auto;  padding: 10px; "
                                    target="_blank" 
                                    disabled="#{banner.link == null}" 
                                    action="#{MessagesAndBannersFragment.redirect(banner.link)}">
-                         <p:graphicImage style="display: block ;margin-left: auto; margin-right: auto; padding: 2px;"
+                         <p:graphicImage 
                                         stream="false"
                                         value="#{banner.image}"
                                         alt="#{bundle['header.banner.alt']} #{banner.link != null ? bundle['opensInNewTab'] : ''}"
                                         title="#{bundle['header.banner.alt']} #{banner.link != null ? bundle['opensInNewTab'] : ''}"
                         />
-                    </h:commandLink>
+                 </h:commandLink> 
                 </div>
             </ui:repeat>
         </div>