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

[Library | Trunk]: Add new white external icon. Change css base on new UI/UX suggestions 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@59159 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-07-22 13:38:55 +00:00
parent 8b632f12f5
commit a89d3d2775
5 changed files with 55 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
external-link-white.svg Normal file
View File

@ -0,0 +1,15 @@
<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

After

Width:  |  Height:  |  Size: 951 B

8
library-css/labels.scss
View File

@ -16,12 +16,18 @@
border: 1px solid #666!important;
}
.label-green, .label-open {
.label-green {
background: #8ad15e;
border-color: #8ad15e;
color: #fff;
}
.label-open {
background: #fff;
border-color: #8ad15e;
color: #8ad15e;
}
.label-classified {
border-radius: 4px;
padding: 1px 8px;

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

@ -5,7 +5,8 @@
}
.title-section .under-curation {
color: #DE8366;
color: var(--portal-main-color);
opacity: 0.8;
}
.uk-tooltip.under-curation-tooltip {

9
library-css/search-utils.scss
View File

@ -39,6 +39,15 @@ search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-ba
padding-top: 15px !important;
}
.search-results li .uk-card {
padding: 15px 30px;
}
.search-results li .type {
color: var(--portal-main-color);
opacity: 0.8;
}
.other-results {
min-height: 300px;
}

22
library-css/utils.scss
View File

@ -25,6 +25,21 @@
padding-left: 16px;
}
.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-size: cover;
padding-left: 16px;
}
h2 .custom-external {
min-height: 20px;
background-size: 20px 20px;
@ -58,3 +73,10 @@ h2 .custom-external {
height: 100%;
border: 0;
}
.copy {
border-radius: 0;
background-color: #2D72D6;
border: 1px solid #2D72D6;
color: white;
}