[Trunk | Graph]: contact.component.css & contact.component.html: Update display of links in cards (Documentation, Webinars, How to).

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59528 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
Konstantina Galouni 2020-10-08 23:25:11 +00:00
parent 8cad5f582f
commit 0609d6ddad
2 changed files with 29 additions and 6 deletions

View File

@ -11,7 +11,7 @@
}
.uk-accordion .color {
color: #1A1A1A !important;
color: #1a1a1a !important;
opacity: 0.8 !important;
}
@ -21,4 +21,8 @@
.uk-open > .uk-accordion-title::before {
background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-svg%3D%22chevron-up%22%3E%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.00%22%20points%3D%224%2013%2010%207%2016%2013%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
}
a:hover svg path {
fill: var(--portal-main-color);
}

View File

@ -26,11 +26,17 @@
<div class="uk-margin-top">
<div class="target uk-text-center">
<a class="uk-button-text uk-button uk-text-capitalize uk-text-small"
<a class="uk-link uk-button uk-text-capitalize uk-text-small"
href="https://develop.openaire.eu" target="_blank">
Documentation
<span class="space">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
</path>
</svg>
</span>
</a>
<!-- <h5 class="uk-text-bold">Documentation</h5>-->
</div>
</div>
</div>
@ -44,12 +50,18 @@
<div class="uk-margin-top">
<div class="target uk-text-center" style="">
<a class="uk-button-text uk-button uk-text-capitalize uk-text-small"
<a class="uk-link uk-button uk-text-capitalize uk-text-small"
href="https://www.openaire.eu/item/webinar-on-the-openaire-research-graph?highlight=WyJncmFwaCIsIndlYmluYXIiLCJ3ZWJpbmFyJyJd"
target="_blank">
Webinars
<span class="space">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
</path>
</svg>
</span>
</a>
<!-- <h5 class="uk-text-bold">Webinars</h5>-->
</div>
</div>
</div>
@ -62,10 +74,17 @@
</div>
<div class="uk-margin-top">
<div class="target uk-text-center" style="">
<a class="uk-button-text uk-button uk-text-capitalize uk-text-small"
<a class="uk-link uk-button uk-text-capitalize uk-text-small"
href="https://subugoe.github.io/scholcomm_analytics/posts/oaire_graph_2020/"
target="_blank">
How to
<span class="space">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
</path>
</svg>
</span>
</a>
<!-- <h5 class="uk-text-bold">How to</h5>-->
</div>