From 3fc324a6b9c5148835a7fd4c29ebf35bea3665c0 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Mon, 27 Jul 2020 10:47:22 +0000
Subject: [PATCH] [Library | Trunk]: Add copy and external icons.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@59168 d315682c-612b-4755-9ff5-7f18f6832af3
---
 external-link-white.svg        | 15 ---------------
 icons/copy.svg                 |  6 ++++++
 icons/external.svg             |  8 ++++++++
 library-css/labels.scss        |  4 ++--
 library-css/landing-utils.scss | 17 ++++++++---------
 library-css/utils.scss         | 30 +++++++++++++++++++++---------
 6 files changed, 45 insertions(+), 35 deletions(-)
 delete mode 100644 external-link-white.svg
 create mode 100644 icons/copy.svg
 create mode 100644 icons/external.svg

diff --git a/external-link-white.svg b/external-link-white.svg
deleted file mode 100644
index e5bb747..0000000
--- a/external-link-white.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
-	<style>
-		tspan { white-space:pre }
-		.shp0 { fill: #FFFFFF } 
-	</style>
-	<g id="Ebene_2">
-	</g>
-	<g id="Ebene_1">
-		<g id="Layer">
-			<path id="Layer" class="shp0" d="M48 27C47.45 27 47 27.45 47 28L47 55L9 55L9 17L36 17C36.55 17 37 16.55 37 16C37 15.45 36.55 15 36 15L8 15C7.45 15 7 15.45 7 16L7 56C7 56.55 7.45 57 8 57L48 57C48.55 57 49 56.55 49 56L49 28C49 27.45 48.55 27 48 27Z" />
-			<path id="Layer" class="shp0" d="M56 7L44 7C43.45 7 43 7.45 43 8C43 8.55 43.45 9 44 9L54 9L55 9L55 10L55 20C55 20.55 55.45 21 56 21C56.55 21 57 20.55 57 20L57 8C57 7.45 56.55 7 56 7Z" />
-			<path id="Layer" class="shp0" d="M54 9C53.74 9 53.49 9.1 53.29 9.29L31.29 31.29C30.9 31.68 30.9 32.32 31.29 32.71C31.49 32.9 31.74 33 32 33C32.26 33 32.51 32.9 32.71 32.71L54.71 10.71C54.9 10.51 55 10.26 55 10C55 9.74 54.9 9.49 54.71 9.29C54.51 9.1 54.26 9 54 9Z" />
-		</g>
-	</g>
-</svg>
diff --git a/icons/copy.svg b/icons/copy.svg
new file mode 100644
index 0000000..90b4998
--- /dev/null
+++ b/icons/copy.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="84" height="90.1" viewBox="0 0 84 90.1">
+  <g id="noun_copy_1102371" transform="translate(-8 -5)">
+    <path id="Path_18047" data-name="Path 18047" d="M60.8,35H15.2A7.17,7.17,0,0,0,8,42.2V87.9a7.234,7.234,0,0,0,7.2,7.2H60.9a7.234,7.234,0,0,0,7.2-7.2V42.2A7.32,7.32,0,0,0,60.8,35ZM62,87.8a1.11,1.11,0,0,1-1.1,1.1H15.2a1.11,1.11,0,0,1-1.1-1.1V42.2a1.11,1.11,0,0,1,1.1-1.1H60.9A1.11,1.11,0,0,1,62,42.2Z" fill="#fff"/>
+    <path id="Path_18048" data-name="Path 18048" d="M84.8,5H39.2A7.17,7.17,0,0,0,32,12.2V29h6V12.2a1.11,1.11,0,0,1,1.1-1.1H84.8a1.11,1.11,0,0,1,1.1,1.1V57.9A1.11,1.11,0,0,1,84.8,59H74v6H84.8A7.234,7.234,0,0,0,92,57.8V12.2A7.17,7.17,0,0,0,84.8,5Z" fill="#fff"/>
+  </g>
+</svg>
diff --git a/icons/external.svg b/icons/external.svg
new file mode 100644
index 0000000..603b27a
--- /dev/null
+++ b/icons/external.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.999" height="22.001" viewBox="0 0 21.999 22.001">
+  <g id="noun_External_286736" transform="translate(-2.5 -24.499)">
+    <g id="Group_3489" data-name="Group 3489">
+      <path id="Path_18045" data-name="Path 18045" d="M15.5,24.5l3.086,3.086c-2.945,2.945-9.195,9.2-9.5,9.5a2,2,0,0,0,2.828,2.828c.3-.305,6.554-6.555,9.5-9.5L24.5,33.5v-9h-9Z" fill="#fff"/>
+      <path id="Path_18046" data-name="Path 18046" d="M21.5,36.5a1,1,0,0,0-1,1v7H4.5v-16h7a1,1,0,0,0,0-2h-7a2,2,0,0,0-2,2v16a2,2,0,0,0,2,2h16a2,2,0,0,0,2-2v-7A1,1,0,0,0,21.5,36.5Z" fill="#fff"/>
+    </g>
+  </g>
+</svg>
diff --git a/library-css/labels.scss b/library-css/labels.scss
index 5ec7567..8e5ef48 100644
--- a/library-css/labels.scss
+++ b/library-css/labels.scss
@@ -18,13 +18,13 @@
 
 .label-green {
   background: #8ad15e;
-  border-color: #8ad15e;
+  border: 1px solid #8ad15e !important;
   color: #fff;
 }
 
 .label-open {
   background: #fff;
-  border-color: #8ad15e;
+  border: 1px solid #8ad15e !important;
   color: #8ad15e;
 }
 
diff --git a/library-css/landing-utils.scss b/library-css/landing-utils.scss
index 9a35f17..5c3b621 100644
--- a/library-css/landing-utils.scss
+++ b/library-css/landing-utils.scss
@@ -58,29 +58,28 @@ input[name="code"] {
 }
 
 /* Landing Download from section*/
-.landing .download-from > a {
+.landing .download-from > * {
   padding: 10px;
   color: #A4A4A4;
   border-bottom: 1px solid rgba(0, 0, 0, 0.09);
 }
 
-.landing .download-from > a:last-child {
+.landing .download-from > *:last-child {
   border-bottom: none;
 }
 
-.landing .download-from > a:hover {
-  background-color: #F0F0F0;
-  border-radius: 4px;
-}
-
-.landing .download-from > a .title {
+.landing .download-from .title {
   color: black;
   word-wrap: break-word;
   font-weight: 700;
   text-decoration: underline;
 }
 
-.landing .download-from > a:hover .title {
+.landing .download-from a {
+  color: #A4A4A4;
+}
+
+.landing .download-from a:hover {
   color: #578ede;
 }
 
diff --git a/library-css/utils.scss b/library-css/utils.scss
index 6a84b5a..52dfaa0 100644
--- a/library-css/utils.scss
+++ b/library-css/utils.scss
@@ -27,15 +27,18 @@
 
 .custom-icon-button {
   border-radius: 50%;
-  background-color: #2D72D6;
-  color: white;
   padding: 9px 10px;
   line-height: unset;
-  border: 1px solid #2D72D6;
 }
 
 .custom-external-white {
-  background: rgba(0, 0, 0, 0) url("/assets/common-assets/external-link-white.svg") no-repeat scroll left 10%;
+  background: rgba(0, 0, 0, 0) url("/assets/common-assets/icons/external.svg") no-repeat scroll left 10%;
+  background-size: cover;
+  padding-left: 16px;
+}
+
+.custom-copy-white {
+  background: rgba(0, 0, 0, 0) url("/assets/common-assets/icons/copy.svg") no-repeat scroll left 10%;
   background-size: cover;
   padding-left: 16px;
 }
@@ -74,9 +77,18 @@ h2 .custom-external {
   border: 0;
 }
 
-.copy {
-  border-radius: 0;
-  background-color: #2D72D6;
-  border: 1px solid #2D72D6;
-  color: white;
+
+.orcid > input[name="code"] {
+  border-radius: 2px 0 0 2px;
+  border: 1px solid #ededed;
+  border-right: none;
+}
+
+.orcid > .uk-button.copy {
+  border-radius: 0 2px 2px 0;
+  border-left: none;
+}
+
+.uk-button.copy {
+  border-radius: 0;
 }