Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@mreidsma
Last active October 13, 2015 17:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mreidsma/7c6db07754417e22c48c to your computer and use it in GitHub Desktop.
Save mreidsma/7c6db07754417e22c48c to your computer and use it in GitHub Desktop.
Restyle the buttons on book request screens so that they are not EXACTLY THE SAME

Yet Another Summon Patch

Summon is putting two request buttons on our book detail pages, each with different functionality. One requests the book from the catalog. The other places an ILL request. The problem is that they LOOK IDENTICAL and the HAVE THE SAME LABEL.

Dumb design

I wrote these two lines of jQuery three CSS rules to quickly make the buttons distinguishable until someone wakes up at ProQuest and fixes it for everyone. Here's what it does for us. You'll want to change the label text and the colors to fit your various mascots:

Less dumb design

/* Change the label of the Illiad button */
.documentActions a[href^="http://gvsu.summon"] {
background: #069 !important;
color: white !important;
}
.documentActions a[href^="http://gvsu.summon"]:after {
content: " GVSU Copy";
}
.documentActions a[href*="illiad"]:after {
content: " from Another Library";
}
@mreidsma
Copy link
Author

I should say that changing the "A&I Page" link settings had no effect, which is why we did this fix.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment