[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:
parent
fa58577e8c
commit
fe3f62b9bd
|
@ -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%;
|
||||
}
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue