MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[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
This commit is contained in:
k.triantafyllou 2020-07-27 10:47:22 +00:00
parent 0b4076216d
commit 3fc324a6b9
6 changed files with 45 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
external-link-white.svg
View File

@ -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>
Side by Side

Before

Width:  |  Height:  |  Size: 951 B

6
icons/copy.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 737 B

8
icons/external.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 623 B

4
library-css/labels.scss
View File

@ -18,13 +18,13 @@
.label-green { .label-green {
background: #8ad15e; background: #8ad15e;
border-color: #8ad15e; border: 1px solid #8ad15e !important;
color: #fff; color: #fff;
} }
.label-open { .label-open {
background: #fff; background: #fff;
border-color: #8ad15e; border: 1px solid #8ad15e !important;
color: #8ad15e; color: #8ad15e;
} }

17
library-css/landing-utils.scss
View File

@ -58,29 +58,28 @@ input[name="code"] {
} }
/* Landing Download from section*/ /* Landing Download from section*/
.landing .download-from > a { .landing .download-from > * {
padding: 10px; padding: 10px;
color: #A4A4A4; color: #A4A4A4;
border-bottom: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid rgba(0, 0, 0, 0.09);
} }
.landing .download-from > a:last-child { .landing .download-from > *:last-child {
border-bottom: none; border-bottom: none;
} }
.landing .download-from > a:hover { .landing .download-from .title {
background-color: #F0F0F0;
border-radius: 4px;
}
.landing .download-from > a .title {
color: black; color: black;
word-wrap: break-word; word-wrap: break-word;
font-weight: 700; font-weight: 700;
text-decoration: underline; text-decoration: underline;
} }
.landing .download-from > a:hover .title { .landing .download-from a {
color: #A4A4A4;
}
.landing .download-from a:hover {
color: #578ede; color: #578ede;
} }

30
library-css/utils.scss
View File

@ -27,15 +27,18 @@
.custom-icon-button { .custom-icon-button {
border-radius: 50%; border-radius: 50%;
background-color: #2D72D6;
color: white;
padding: 9px 10px; padding: 9px 10px;
line-height: unset; line-height: unset;
border: 1px solid #2D72D6;
} }
.custom-external-white { .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; background-size: cover;
padding-left: 16px; padding-left: 16px;
} }
@ -74,9 +77,18 @@ h2 .custom-external {
border: 0; border: 0;
} }
.copy {
border-radius: 0; .orcid > input[name="code"] {
background-color: #2D72D6; border-radius: 2px 0 0 2px;
border: 1px solid #2D72D6; border: 1px solid #ededed;
color: white; border-right: none;
}
.orcid > .uk-button.copy {
border-radius: 0 2px 2px 0;
border-left: none;
}
.uk-button.copy {
border-radius: 0;
} }