[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({
|
||||
selector: 'indicators',
|
||||
templateUrl: './indicators.component.html',
|
||||
styleUrls: ['indicators.component.less']
|
||||
templateUrl: './indicators.component.html'
|
||||
})
|
||||
export class IndicatorsComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
|
||||
filesToUpload: Array<File>;
|
||||
|
|
Loading…
Reference in New Issue