[Library | Trunk]: Add arrow up and down. Change Full page slider with icons of library
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59580 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou
parent
8b9af0edc2
commit
7c02298552
|
|
@ -68,15 +68,12 @@ section.has-footer {
|
|||
|
||||
.menu a.previous:hover, .menu a.next:hover {
|
||||
background-color: var(--portal-main-color);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.menu a.previous:hover path, .menu a.next:hover path {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.menu nav {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
|
@ -102,11 +99,12 @@ section.has-footer {
|
|||
border-radius: 100%;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-color: rgba(233, 84, 32, 0.4);
|
||||
opacity: 0.4;
|
||||
background-color: var(--portal-dark-color);
|
||||
}
|
||||
|
||||
.menu nav > ul > li.uk-active {
|
||||
border: 1px solid #E95420;
|
||||
border: 1px solid var(--portal-main-color);
|
||||
transition: border-top-color 0.25s linear, border-right-color 0.25s linear 0.10s, border-bottom-color 0.25s linear 0.30s, border-left-color 0.25s linear 0.40s;
|
||||
-webkit-animation : border-top-color 0.25s linear, border-right-color 0.25s linear 0.10s, border-bottom-color 0.25s linear 0.30s, border-left-color 0.25s linear 0.40s;
|
||||
-moz-animation : border-top-color 0.25s linear, border-right-color 0.25s linear 0.10s, border-bottom-color 0.25s linear 0.30s, border-left-color 0.25s linear 0.40s;
|
||||
|
|
@ -114,5 +112,6 @@ section.has-footer {
|
|||
}
|
||||
|
||||
.menu nav > ul > li.uk-active > a, .menu nav > ul > li > a:hover {
|
||||
background-color: #E95420;
|
||||
background-color: var(--portal-main-color);
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,13 +8,7 @@ import {BehaviorSubject, Observable} from 'rxjs';
|
|||
<div class="menu">
|
||||
<img class="logo" *ngIf="logoURL" [src]="logoURL">
|
||||
<a *ngIf="stateValue > 1" class="previous" (click)="onClick(stateValue - 1)">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="17.155" height="17.155" viewBox="0 0 17.155 17.155">
|
||||
<g id="Group_3053" data-name="Group 3053" transform="translate(0)">
|
||||
<path id="arrow-down-left2"
|
||||
d="M10.405,11.834,2.022,3.451V7.076A1.011,1.011,0,0,1,0,7.076V1.011A1.009,1.009,0,0,1,1.011,0H7.076a1.011,1.011,0,1,1,0,2.022H3.451l8.383,8.383a1.011,1.011,0,1,1-1.429,1.429h0Z"
|
||||
transform="translate(8.578 0) rotate(45)" fill="#e95420"/>
|
||||
</g>
|
||||
</svg>
|
||||
<icon name="arrow_up"></icon>
|
||||
</a>
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
@ -24,13 +18,7 @@ import {BehaviorSubject, Observable} from 'rxjs';
|
|||
</ul>
|
||||
</nav>
|
||||
<a *ngIf="stateValue < slides.length" class="next" (click)="onClick(stateValue + 1)">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="17.155" height="17.155" viewBox="0 0 17.155 17.155">
|
||||
<g id="Group_2442" data-name="Group 2442" transform="translate(-1221 -675)">
|
||||
<path id="arrow-down-left2"
|
||||
d="M14.405,4.3,6.022,12.68V9.055A1.011,1.011,0,0,0,4,9.055V15.12a1.009,1.009,0,0,0,1.011,1.01h6.065a1.011,1.011,0,1,0,0-2.022H7.451l8.383-8.383A1.011,1.011,0,0,0,14.405,4.3h0Z"
|
||||
transform="translate(1215.343 683.578) rotate(-45)" fill="#e95420"/>
|
||||
</g>
|
||||
</svg>
|
||||
<icon name="arrow_down"></icon>
|
||||
</a>
|
||||
</div>
|
||||
<div [ngClass]="topBar" class="top-bar"></div>
|
||||
|
|
|
|||
|
|
@ -3,12 +3,17 @@ import {CommonModule} from "@angular/common";
|
|||
import {FullPageSliderComponent} from "./full-page-slider.component";
|
||||
import {SlideComponent} from "./slide.component";
|
||||
import {BottomModule} from '../../sharedComponents/bottom.module';
|
||||
import {IconsModule} from '../icons/icons.module';
|
||||
import {IconsService} from '../icons/icons.service';
|
||||
import {arrow_down, arrow_up} from '../icons/icons';
|
||||
|
||||
@NgModule({
|
||||
imports: [CommonModule, BottomModule],
|
||||
imports: [CommonModule, BottomModule, IconsModule],
|
||||
declarations: [FullPageSliderComponent, SlideComponent],
|
||||
exports: [FullPageSliderComponent, SlideComponent],
|
||||
})
|
||||
export class FullPageSliderModule {
|
||||
|
||||
constructor(private iconsService: IconsService) {
|
||||
this.iconsService.registerIcons([arrow_up, arrow_down]);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,6 +8,16 @@ export const arrow_right: Icon = {
|
|||
data: '<svg height="20" viewBox="0 0 16 16" width="20" 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" transform="translate(7.071 19.799) rotate(-135)"></path></svg>'
|
||||
};
|
||||
|
||||
export const arrow_up: Icon = {
|
||||
name: 'arrow_up',
|
||||
data: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 17.155 17.155"><g transform="translate(0)"><path d="M10.405,11.834,2.022,3.451V7.076A1.011,1.011,0,0,1,0,7.076V1.011A1.009,1.009,0,0,1,1.011,0H7.076a1.011,1.011,0,1,1,0,2.022H3.451l8.383,8.383a1.011,1.011,0,1,1-1.429,1.429h0Z" transform="translate(8.578 0) rotate(45)"/></g></svg>'
|
||||
}
|
||||
|
||||
export const arrow_down: Icon = {
|
||||
name: 'arrow_down',
|
||||
data: '<svg height="20" viewBox="0 0 17.155 17.155" width="20" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-1221 -675)"><path d="M14.405,4.3,6.022,12.68V9.055A1.011,1.011,0,0,0,4,9.055V15.12a1.009,1.009,0,0,0,1.011,1.01h6.065a1.011,1.011,0,1,0,0-2.022H7.451l8.383-8.383A1.011,1.011,0,0,0,14.405,4.3h0Z" transform="translate(1215.343 683.578) rotate(-45)"></path></g></svg>'
|
||||
}
|
||||
|
||||
export const book: Icon = {
|
||||
name: 'book',
|
||||
data: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22.106 30"><path id="book" d="M26.9,9.405V25.749c0,.824-.713,1.218-1.579,1.832a1.034,1.034,0,0,1-1.579-.927V10.685a.877.877,0,0,0-.5-.845c-.379-.194-12.218-6.418-12.218-6.418A2.239,2.239,0,0,0,8.9,3.4,4.487,4.487,0,0,0,7.119,4.808l12.916,7.077a.917.917,0,0,1,.555.815V29.755a1.057,1.057,0,0,1-.582.924,1.209,1.209,0,0,1-1.136-.042c-.339-.207-12.274-7.526-13.063-8-.379-.227-.823-.693-.832-1.039L4.8,5.355a2.612,2.612,0,0,1,.456-1.629c1.1-1.711,4.94-3.658,6.884-2.65L26.348,8.268A1.151,1.151,0,0,1,26.9,9.405Z" transform="translate(-4.799 -0.8)"/></svg>'
|
||||
|
|
|
|||
Loading…
Reference in New Issue