From 3ba23b0c8f15f4f63e5d44d4a170ef89c8b6f20d Mon Sep 17 00:00:00 2001
From: khawkins98 <khawkins98@gmail.com>
Date: Tue, 13 Mar 2018 15:31:09 +0000
Subject: [PATCH] Further insulate elixir ribbon from local styles
---
js/elixirBanner.js | 7 +++++++
js/elixirBanner.min.js | 2 +-
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/js/elixirBanner.js b/js/elixirBanner.js
index c6ff1189..cc7c062c 100644
--- a/js/elixirBanner.js
+++ b/js/elixirBanner.js
@@ -37,6 +37,11 @@ function elixirBanner() {
basicStylingForNonfoundationSites = `
.elixir-ribbon {
font-family: Helvetica, Arial, FreeSans, 'Liberation Sans', sans-serif;
+ clear: both;
+ }
+
+ .elixir-ribbon a, .elixir-ribbon a:active, .elixir-ribbon a:visited, .elixir-ribbon a:hover {
+ border-bottom: none;
}
.elixir-ribbon .row {
@@ -52,6 +57,8 @@ function elixirBanner() {
.elixir-ribbon h5 {
font-size: 1.3rem;
+ padding: 0;
+ display: inline-block;
}
`;
}
diff --git a/js/elixirBanner.min.js b/js/elixirBanner.min.js
index b6791cd0..4b855d85 100644
--- a/js/elixirBanner.min.js
+++ b/js/elixirBanner.min.js
@@ -1 +1 @@
-function elixirBanner(){try{var divElixirBanner=document.getElementById("elixir-banner");if(divElixirBanner){var defaultName="This",defaultDescription="This is part of the ELIXIR distributed infrastructure for life-science information.",basicStylingForNonfoundationSites="",defaultLogo="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/assorted/elixir_kitemark-60px.png",defaultLink="https://www.elixir-europe.org/about-us/why-needed",defaultTextColor="#fff",defaultColor="blue";void 0!==divElixirBanner.dataset.color&&(defaultTextColor="transparent"==(defaultColor="none"==(defaultColor="blue"==(defaultColor="green"==(defaultColor="grey"==(defaultColor="orange"==(defaultColor=divElixirBanner.dataset.color)?"rgb(244,125,32)":defaultColor)?"rgb(77,77,72)":defaultColor)?"rgb(190,191,50)":defaultColor)?"rgb(79,138,156)":defaultColor)?"transparent":defaultColor)?"#222":defaultTextColor),void 0!==divElixirBanner.dataset.name&&(defaultName=divElixirBanner.dataset.name),"true"==divElixirBanner.dataset.useCdrLogo&&(defaultLogo="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/ELIXIR/elixir-cdr.gif"),void 0!==divElixirBanner.dataset.description&&(defaultDescription=divElixirBanner.dataset.description),void 0!==divElixirBanner.dataset.moreInformationLink&&(defaultLink=divElixirBanner.dataset.moreInformationLink),"true"===divElixirBanner.dataset.useBasicStyles&&(basicStylingForNonfoundationSites="\n .elixir-ribbon {\n font-family: Helvetica, Arial, FreeSans, 'Liberation Sans', sans-serif;\n }\n\n .elixir-ribbon .row {\n max-width: 1200px;\n margin: 0 auto 1rem;\n }\n\n .elixir-ribbon .row::before,\n .elixir-ribbon .row::after {\n display: table;\n content: ' ';\n }\n\n .elixir-ribbon h5 {\n font-size: 1.3rem;\n }\n ");var html='\n <div id="elixir-ribbon" class="elixir-ribbon">\n <div class="row">\n <div class="column">\n <a href="'+defaultLink+'">\n <div class="elixir-logo-kite"></div>\n <h5>\n <span class="elixir-banner-name">'+defaultName+'</span> is part of the ELIXIR infrastructure\n </h5>\n <div id="elixir-banner-info">\n <small>\n <span class="elixir-banner-description">'+defaultDescription+'</span>\n <span class="readmore">Learn more ›</span>\n </small>\n </div>\n </a>\n </div>\n </div>\n </div>\n\n <style>\n .elixir-ribbon {\n padding: 1rem 0;\n background-color: '+defaultColor+";\n }\n "+basicStylingForNonfoundationSites+"\n .elixir-ribbon,\n .elixir-ribbon h5,\n .elixir-ribbon a,\n .elixir-ribbon a:active,\n .elixir-ribbon a:visited,\n .elixir-ribbon a:hover {\n color: "+defaultTextColor+";\n text-decoration: none;\n }\n .elixir-ribbon a:hover {\n opacity: .8;\n }\n .elixir-ribbon .readmore {\n border-bottom: 1px dotted "+defaultTextColor+';\n }\n .elixir-ribbon h5 {\n margin: 0;\n }\n .elixir-ribbon .elixir-logo-kite {\n background: 80% 58% url("'+defaultLogo+'") no-repeat;\n position: relative;\n top: -5px;\n margin: 0 1rem -.5rem 0;\n height: 60px;\n width: 60px;\n display: inline-block;\n float: left;\n background-size: 60px;\n }\n </style>\n ';divElixirBanner.innerHTML=html}}catch(err){console.log(err)}}elixirBanner();
\ No newline at end of file
+function elixirBanner(){try{var divElixirBanner=document.getElementById("elixir-banner");if(divElixirBanner){var defaultName="This",defaultDescription="This is part of the ELIXIR distributed infrastructure for life-science information.",basicStylingForNonfoundationSites="",defaultLogo="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/assorted/elixir_kitemark-60px.png",defaultLink="https://www.elixir-europe.org/about-us/why-needed",defaultTextColor="#fff",defaultColor="blue";void 0!==divElixirBanner.dataset.color&&(defaultTextColor="transparent"==(defaultColor="none"==(defaultColor="blue"==(defaultColor="green"==(defaultColor="grey"==(defaultColor="orange"==(defaultColor=divElixirBanner.dataset.color)?"rgb(244,125,32)":defaultColor)?"rgb(77,77,72)":defaultColor)?"rgb(190,191,50)":defaultColor)?"rgb(79,138,156)":defaultColor)?"transparent":defaultColor)?"#222":defaultTextColor),void 0!==divElixirBanner.dataset.name&&(defaultName=divElixirBanner.dataset.name),"true"==divElixirBanner.dataset.useCdrLogo&&(defaultLogo="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/ELIXIR/elixir-cdr.gif"),void 0!==divElixirBanner.dataset.description&&(defaultDescription=divElixirBanner.dataset.description),void 0!==divElixirBanner.dataset.moreInformationLink&&(defaultLink=divElixirBanner.dataset.moreInformationLink),"true"===divElixirBanner.dataset.useBasicStyles&&(basicStylingForNonfoundationSites="\n .elixir-ribbon {\n font-family: Helvetica, Arial, FreeSans, 'Liberation Sans', sans-serif;\n clear: both;\n }\n\n .elixir-ribbon a, .elixir-ribbon a:active, .elixir-ribbon a:visited, .elixir-ribbon a:hover {\n border-bottom: none;\n }\n\n .elixir-ribbon .row {\n max-width: 1200px;\n margin: 0 auto 1rem;\n }\n\n .elixir-ribbon .row::before,\n .elixir-ribbon .row::after {\n display: table;\n content: ' ';\n }\n\n .elixir-ribbon h5 {\n font-size: 1.3rem;\n padding: 0;\n display: inline-block;\n }\n ");var html='\n <div id="elixir-ribbon" class="elixir-ribbon">\n <div class="row">\n <div class="column">\n <a href="'+defaultLink+'">\n <div class="elixir-logo-kite"></div>\n <h5>\n <span class="elixir-banner-name">'+defaultName+'</span> is part of the ELIXIR infrastructure\n </h5>\n <div id="elixir-banner-info">\n <small>\n <span class="elixir-banner-description">'+defaultDescription+'</span>\n <span class="readmore">Learn more ›</span>\n </small>\n </div>\n </a>\n </div>\n </div>\n </div>\n\n <style>\n .elixir-ribbon {\n padding: 1rem 0;\n background-color: '+defaultColor+";\n }\n "+basicStylingForNonfoundationSites+"\n .elixir-ribbon,\n .elixir-ribbon h5,\n .elixir-ribbon a,\n .elixir-ribbon a:active,\n .elixir-ribbon a:visited,\n .elixir-ribbon a:hover {\n color: "+defaultTextColor+";\n text-decoration: none;\n }\n .elixir-ribbon a:hover {\n opacity: .8;\n }\n .elixir-ribbon .readmore {\n border-bottom: 1px dotted "+defaultTextColor+';\n }\n .elixir-ribbon h5 {\n margin: 0;\n }\n .elixir-ribbon .elixir-logo-kite {\n background: 80% 58% url("'+defaultLogo+'") no-repeat;\n position: relative;\n top: -5px;\n margin: 0 1rem -.5rem 0;\n height: 60px;\n width: 60px;\n display: inline-block;\n float: left;\n background-size: 60px;\n }\n </style>\n ';divElixirBanner.innerHTML=html}}catch(err){console.log(err)}}elixirBanner();
\ No newline at end of file
--
GitLab