[develop | DONE]: Move indicators.less into common assets
This commit is contained in:
parent
293be5e1d2
commit
58274c537b
|
@ -1,53 +0,0 @@
|
||||||
@import (reference) "~src/assets/openaire-theme/less/_import-variables";
|
|
||||||
|
|
||||||
.number-preview {
|
|
||||||
border: @global-border-width solid @global-border;
|
|
||||||
background: transparent;
|
|
||||||
border-radius: @global-border-radius;
|
|
||||||
min-width: 100px;
|
|
||||||
min-height: 70px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.refresh-indicator {
|
|
||||||
background-color: @global-overlay-background;
|
|
||||||
border-radius: @global-border-radius;
|
|
||||||
position: absolute;
|
|
||||||
color: @global-inverse-color;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
padding: 60px 45px;
|
|
||||||
border-radius: @global-border-radius;
|
|
||||||
border: @global-border-width solid @global-border;
|
|
||||||
position: relative;
|
|
||||||
background: @global-inverse-color;
|
|
||||||
border-left: 5px @global-primary-background solid;
|
|
||||||
|
|
||||||
.tools {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -100%);
|
|
||||||
max-width: 50px;
|
|
||||||
padding: 5px 10px;
|
|
||||||
background-image: @global-primary-gradient;
|
|
||||||
color: @global-inverse-color;
|
|
||||||
-webkit-clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
|
|
||||||
clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
.tools {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: currentColor;
|
|
||||||
&:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -51,8 +51,7 @@ declare var UIkit;
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'indicators',
|
selector: 'indicators',
|
||||||
templateUrl: './indicators.component.html',
|
templateUrl: './indicators.component.html'
|
||||||
styleUrls: ['indicators.component.less']
|
|
||||||
})
|
})
|
||||||
export class IndicatorsComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
|
export class IndicatorsComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
|
||||||
filesToUpload: Array<File>;
|
filesToUpload: Array<File>;
|
||||||
|
|
Loading…
Reference in New Issue