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

[Library | new-theme]: metrics.component.ts: Replaces old custom class "space" with "uk-margin-small-left" | metrics.component.css: Css updated to move mertics widget and its arrow in a new position (not ready).

This commit is contained in:
Konstantina Galouni 2022-04-12 14:21:54 +03:00
parent fa58577e8c
commit fe3f62b9bd
2 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
landingPages/landing-utils/metrics/metrics.component.css
View File

@ -5,25 +5,37 @@
.metrics .widget {
position: absolute;
left: 50%;
transform: translateX(-85%);
margin-top: 20px;
margin-left: 20px;
left: -50%;
transform: translateX(25%);
margin-top: -100%;
margin-left: 40px;
width: 350px;
z-index: 3;
}
.metrics .widget:after {
/*position: absolute;*/
/*left: 80%;*/
/*transform: translateX(-65%);*/
/*top: -10px;*/
/*width: 0;*/
/*height: 0;*/
/*content: '';*/
/*border-left: 10px solid transparent;*/
/*border-right: 10px solid transparent;*/
/*border-bottom: 10px solid #2E2D7A;*/
position: absolute;
left: 80%;
transform: translateX(-65%);
top: -10px;
left: 0;
transform: translateX(-100%);
top: 25px;
width: 0;
height: 0;
content: '';
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #2E2D7A;
border-right: 10px solid #2E2D7A;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
}
.metrics .m-badge .number {
@ -57,7 +69,7 @@
.metrics .widget > .body .charts .uk-slidenav {
background-color: #bbbbca;
color: #49494f;
padding: 5px 10px;
padding: 5px;
border-radius: 50%;
}

2
landingPages/landing-utils/metrics/metrics.component.ts
View File

@ -93,7 +93,7 @@ import {animate, state, style, transition, trigger} from "@angular/animations";
</ul>
<div class="uk-text-right uk-margin-small-top">
<a href="#" uk-slidenav-previous uk-slider-item="previous"></a>
<a href="#" class="space" uk-slidenav-next uk-slider-item="next"></a>
<a href="#" class="uk-margin-small-left" uk-slidenav-next uk-slider-item="next"></a>
</div>
</div>
</div>