From 3f37c1423de69068be115f47157ae0b69f0fbc56 Mon Sep 17 00:00:00 2001 From: James Wilson Date: Thu, 24 Aug 2023 16:29:49 -0500 Subject: [PATCH] IULD8-1236: Update Rivet footer for blog and libweb --- prod/blogs/footer.html | 212 +++++++++++------------ prod/libweb/footer/css/rivet-footer.css | 89 ++++++++-- prod/libweb/footer/libweb-footer.html | 213 ++++++++++++------------ 3 files changed, 286 insertions(+), 228 deletions(-) diff --git a/prod/blogs/footer.html b/prod/blogs/footer.html index 982f3e4..6a5d275 100644 --- a/prod/blogs/footer.html +++ b/prod/blogs/footer.html @@ -35,115 +35,117 @@

Social media

Additional resources

- -
+

Featured Databases

-
    - -
  • -
    - - - - OneSearch@IU -
    -
    • -
  • - -
    - - - - Google Scholar +
    +
    +
      +
    • +
      + OneSearch@IU + + + + +
      +
      • +
    • +
      + Google Scholar + + + + +
      +
      • +
    • +
      + JSTOR + + + + +
      +
      • +
    -
    • - -
  • -
    - - - - JSTOR -
    -
    • -
  • - All Databases -
    • -
-
-
- -
    -
  • -
    - - - - WorldCAT -
    -
    • -
  • -
    - - - - Nexis Uni +
    +
      +
    • +
      + WorldCAT + + + + +
      +
      • +
    • +
      + Nexis Uni + + + + +
      +
      • +
    • +
      + HathiTrust Digital Library + + + + +
      +
      • +
    -
    • -
  • -
    - - - - HathiTrust Digital Library -
    -
    • -
+
+ All Databases
- -
+

IU Bloomington Libraries

- -
- -
- - +
+
+ +
+
+ +
+
+ Give Now
@@ -172,4 +174,4 @@

IU Bloomington Libraries

- \ No newline at end of file + diff --git a/prod/libweb/footer/css/rivet-footer.css b/prod/libweb/footer/css/rivet-footer.css index c0550ae..1d38a2b 100644 --- a/prod/libweb/footer/css/rivet-footer.css +++ b/prod/libweb/footer/css/rivet-footer.css @@ -1338,26 +1338,81 @@ } } -.rvt-icon, -rvt-icon { - display: inline-flex; +.rvt-footer-resources .rvt-flex > a { + flex-grow: 1; } -.rvt-icon>svg, -rvt-icon>svg, -rvt-icon:not(:defined)::before { - height: 1rem; - width: 1rem; +.rvt-footer-resources a.rvt-button { + margin-top: 8px; + background-color: #fff; + border: #fff; + color: #900; } -rvt-icon:not(:defined)::before { - content: ''; - display: block; +.rvt-footer-resources a.rvt-button:hover { + background-color: #fa0; + border: #fa0; + color: #900; +} + +.rvt-footer-resources__heading { + display: inline-block; +} + +.rvt-footer-resources__list-item svg { + font-size: 0.875rem; +} + +.rvt-c-tooltip { + position: relative; + cursor: pointer; + margin-right: 0.5rem; + display: flex; + align-items: center; +} + +a + .rvt-c-tooltip { + order: -1; } -rvt-icon [data-sensor] { - position: absolute; - transition: z-index 0.001ms step-start; - visibility: hidden; - z-index: var(--rvt-icon); -} \ No newline at end of file +.rvt-c-tooltip [role=tooltip] { + position: absolute; + top: 1.5em; + left: 1rem; + font-size: 0.75rem; + padding: 0.25rem 0.5rem; + line-height: 1.4; + visibility: hidden; + display: inline-block; + color: #243142; + background: #fff; + box-shadow: 0 0.25rem 0.5rem rgba(36, 49, 66, 0.16); + opacity: 0; + border-radius: 0.25rem; + transition: opacity 0.1s ease-out; + z-index: 99; + text-align: center; + min-width: 14em; +} + +a:focus-visible + .rvt-c-tooltip [role=tooltip], +.rvt-c-tooltip:focus-within [role=tooltip], +.rvt-c-tooltip:hover [role=tooltip] { + opacity: 1; + visibility: visible; +} + +.rvt-c-tooltip svg { + height: 1em; + width: 1em; + color: #a0abb4; +} + +.rvt-c-tooltip svg:focus { + outline: 0.125rem solid #328bb8; + outline-offset: 0.125rem; +} + +.rvt-footer-resources .rvt-c-tooltip svg:focus { + outline-color: #fff; +} diff --git a/prod/libweb/footer/libweb-footer.html b/prod/libweb/footer/libweb-footer.html index e84977e..a2e6c27 100644 --- a/prod/libweb/footer/libweb-footer.html +++ b/prod/libweb/footer/libweb-footer.html @@ -35,116 +35,117 @@

Social media

Additional resources

- -
+

Featured Databases

-
    - -
  • -
    - - - - OneSearch@IU -
    -
    • -
  • - -
    - - - - Google Scholar +
    +
    +
      +
    • +
      + OneSearch@IU + + + + +
      +
      • +
    • +
      + Google Scholar + + + + +
      +
      • +
    • +
      + JSTOR + + + + +
      +
      • +
    -
    • - -
  • -
    - - - - JSTOR -
    -
    • -
  • - All Databases -
    • -
-
-
- -
    -
  • -
    - - - - WorldCAT -
    -
    • -
  • -
    - - - - Nexis Uni +
    +
      +
    • +
      + WorldCAT + + + + +
      +
      • +
    • +
      + Nexis Uni + + + + +
      +
      • +
    • +
      + HathiTrust Digital Library + + + + +
      +
      • +
    -
    • -
  • -
    - -
    - - - HathiTrust Digital Library -
- - +
+ All Databases
- -
+

IU Bloomington Libraries

- -
- -
- - +
+
+ +
+
+ +
+
+ Give Now
@@ -173,4 +174,4 @@

IU Bloomington Libraries

- \ No newline at end of file +