feedback callout

mlibrary · Nov 1, 2023 · 3ecb5b7 · 3ecb5b7
1 parent c3f9db2
commit 3ecb5b7
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 2 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -1222,6 +1222,10 @@ sl-dropdown::part(panel) {
   margin-left: 2em;
 }
 
+.p-2 {
+  padding: 2rem;
+}
+
 .p-1 {
   padding: 1rem;
 }
@@ -1242,10 +1246,22 @@ sl-dropdown::part(panel) {
   padding-left: 1rem;
 }
 
+.pt-1 {
+  padding-top: 1rem;
+}
+
+.pt-2 {
+  padding-top: 2rem;
+}
+
 .pb-1 {
   padding-bottom: 1rem;
 }
 
+.pb-2 {
+  padding-bottom: 2rem;
+}
+
 .gap-0_25 {
   gap: 0.25em;
 }
@@ -1812,6 +1828,14 @@ m-website-header:not(.hydrated) nav {
   display: none;
 } */
 
+/*
+ * Feedback Callout
+ */
+
+.feedback-callout {
+  background: var(--color-neutral-100);
+}
+
 /*
 * Footer
 *

diff --git a/templates/text/qbat/qbat.base.xsl b/templates/text/qbat/qbat.base.xsl
@@ -68,6 +68,7 @@
           <xsl:apply-templates select="//qui:main" />
         </main>
 
+        <xsl:call-template name="build-feedback-callout" />
         <xsl:call-template name="build-footer" />
         <iframe name="bookbag-sink" id="bookbag-sink"></iframe>
       </body>
@@ -211,11 +212,31 @@
 
   <xsl:template name="build-breadcrumbs-extra-nav"></xsl:template>
 
+  <xsl:template name="build-feedback-callout">
+    <xsl:variable name="feedback-href">
+      <xsl:call-template name="get-feedback-href" />
+    </xsl:variable>
+
+    <div class="[ mt-1 feedback-callout ]">
+      <div class="viewport-container">
+        <div class="[ pt-2 pb-2 ]">
+          <div class="flex flex-flow-row gap-0_5">
+            <span class="material-icons" aria-hidden="true">question_answer</span>
+            <span>
+              Do you have questions about this content? Need to report a problem?
+              <a href="{$feedback-href};to=tech">Submit Feedback</a>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </xsl:template>
+
   <xsl:template name="build-footer">
     <xsl:variable name="feedback-href">
       <xsl:call-template name="get-feedback-href" />
     </xsl:variable>
-    <footer class="[ footer ][ mt-2 ]">
+    <footer class="[ footer ][ xx-mt-2 ]">
       <div class="viewport-container">
         <div class="[ footer__content ]">
           <section>
@@ -383,7 +404,7 @@
               >
             </p>
           </section>
-          <section>
+          <section style="display: none;">
             <h2>Contact Us</h2>
             <ul>
               <li>