Change variables after refactor in new theme. Fix icons in learn-how

This commit is contained in:
Konstantinos Triantafyllou 2022-03-14 18:40:13 +02:00
parent e978b2967f
commit f19b3026d9
6 changed files with 37 additions and 29 deletions

View File

@ -82,9 +82,9 @@
<div class=""> <div class="">
<!-- uk-margin-large-top--> <!-- uk-margin-large-top-->
<section-scroll [customClass]="'uk-section uk-section-primary uk-padding-remove-bottom '" <section-scroll [customClass]="'uk-section uk-section-secondary uk-padding-remove-bottom '"
[childrenCustomClass]="' uk-container uk-container-large '"> [childrenCustomClass]="' uk-container uk-container-large '">
<div top class="uk-width-1-1 uk-background-primary"> <div top class="uk-width-1-1 uk-background-secondary">
<div class="top-content uk-container uk-container-large"> <div class="top-content uk-container uk-container-large">
<h2 class="uk-h6 uk-text-primary">Benefits</h2> <h2 class="uk-h6 uk-text-primary">Benefits</h2>
<h1 class="uk-h1 uk-margin-remove-top">Find the best <br/> for your community<span class="uk-text-primary">.</span></h1> <h1 class="uk-h1 uk-margin-remove-top">Find the best <br/> for your community<span class="uk-text-primary">.</span></h1>
@ -109,34 +109,34 @@
</div> </div>
</div> </div>
<div scroll class="uk-width-expand"> <div scroll class="uk-width-expand">
<div class="uk-background-primary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m"> <div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="1st" class="uk-h2" name="txt"> <h2 id="1st" class="uk-h2" name="txt">
<span class="uk-text-primary">Find a repository to <br/>deposit </span> <span class="uk-text-primary">Find a repository to <br/>deposit </span>
<span>your research <br/>outcome</span> <span>your research <br/>outcome</span>
<span class="uk-text-primary">.</span> <span class="uk-text-primary">.</span>
</h2> </h2>
</div> </div>
<div class="uk-background-primary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m"> <div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="2nd" class="uk-h2" name="txt"> <h2 id="2nd" class="uk-h2" name="txt">
<span class="uk-text-primary">Link your research <br/>output </span> <span class="uk-text-primary">Link your research <br/>output </span>
<span>with your <br/>community, funding,<br/> and other research<br/> products</span> <span>with your <br/>community, funding,<br/> and other research<br/> products</span>
<span class="uk-text-primary">.</span> <span class="uk-text-primary">.</span>
</h2> </h2>
</div> </div>
<div class="uk-background-primary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m"> <div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="3rd" class="uk-h2" name="txt"> <h2 id="3rd" class="uk-h2" name="txt">
<span>View community's<br/> </span> <span>View community's<br/> </span>
<span class="uk-text-primary">overview at a glance.</span> <span class="uk-text-primary">overview at a glance.</span>
</h2> </h2>
</div> </div>
<div class="uk-background-primary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m"> <div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="4th" class="uk-h2" name="txt"> <h2 id="4th" class="uk-h2" name="txt">
<span class="uk-text-primary">Search & browse </span> <span class="uk-text-primary">Search & browse </span>
<span>your<br/> community's research<br/> products</span> <span>your<br/> community's research<br/> products</span>
<span class="uk-text-primary">.</span> <span class="uk-text-primary">.</span>
</h2> </h2>
</div> </div>
<div class="uk-background-primary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m"> <div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="5th" class="uk-h2" name="txt"> <h2 id="5th" class="uk-h2" name="txt">
<span class="uk-text-primary">View statistics </span> <span class="uk-text-primary">View statistics </span>
<span>for<br/> your community's<br/> research products</span> <span>for<br/> your community's<br/> research products</span>

View File

@ -8,6 +8,7 @@ import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";
import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component"; import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
import {Subscriber} from "rxjs"; import {Subscriber} from "rxjs";
import {properties} from "../../environments/environment"; import {properties} from "../../environments/environment";
import {TabIcon} from "../openaireLibrary/utils/tabs/tab.component";
@Component({ @Component({
selector: 'learn-how', selector: 'learn-how',
@ -274,11 +275,26 @@ export class LearnHowComponent implements OnInit {
public divContents = null; public divContents = null;
// public step: string = 'all'; // public step: string = 'all';
public aboutAll = '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 234.82 236.48"><defs><style>.cls-1{}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-1" cx="48.45" cy="48.45" r="48.45"/><circle class="cls-1" cx="186.37" cy="48.45" r="48.45"/><circle class="cls-1" cx="48.45" cy="188.03" r="48.45"/><circle class="cls-1" cx="186.37" cy="188.03" r="48.45"/></g></g></svg>'; public aboutAll: TabIcon = {
public about1 = '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 227.96 265.77"><defs><style>.cls-1{}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M195.82,3.62h-29V27h29a7.74,7.74,0,0,1,8,7.48V234.88a7.73,7.73,0,0,1-8,7.47H32.14a7.73,7.73,0,0,1-8-7.47V34.52a7.74,7.74,0,0,1,8-7.48h29V3.62h-29C14.42,3.62,0,17.48,0,34.52V234.88c0,17,14.42,30.89,32.14,30.89H195.82c17.72,0,32.14-13.86,32.14-30.89V34.52C228,17.48,213.54,3.62,195.82,3.62Z"/><path class="cls-1" d="M75.47,30.67h77a4.7,4.7,0,0,0,4.6-4.79V4.78A4.7,4.7,0,0,0,152.48,0h-77a4.7,4.7,0,0,0-4.6,4.78v21.1A4.7,4.7,0,0,0,75.47,30.67Z"/><rect class="cls-1" x="49.23" y="122.53" width="42.79" height="30.11" rx="5.57"/><polygon class="cls-1" points="173.33 99.65 151.52 129.09 147.3 124.17 136.14 133.74 152.37 152.65 185.14 108.39 173.33 99.65"/></g></g></svg>'; svg: '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 234.82 236.48"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-1" cx="48.45" cy="48.45" r="48.45"/><circle class="cls-1" cx="186.37" cy="48.45" r="48.45"/><circle class="cls-1" cx="48.45" cy="188.03" r="48.45"/><circle class="cls-1" cx="186.37" cy="188.03" r="48.45"/></g></g></svg>',
public about2 = '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 227.96 265.77"><defs><style>.cls-1{}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M162.75,210.23V176.77L137.8,150S142.05,85.75,114,65.62C85.91,85.75,90.16,150,90.16,150l-25,26.8v33.46s39.13-33.17,32.32-23.82.57,16.45.57,16.45l-8.51,9.64h48.77l-8.5-9.64s7.37-7.09.56-16.45S162.75,210.23,162.75,210.23Z"/><path class="cls-1" d="M195.82,3.62h-29V27h29a7.74,7.74,0,0,1,8,7.48V234.88a7.73,7.73,0,0,1-8,7.47H32.14a7.73,7.73,0,0,1-8-7.47V34.52a7.74,7.74,0,0,1,8-7.48h29V3.62h-29C14.42,3.62,0,17.48,0,34.52V234.88c0,17,14.42,30.89,32.14,30.89H195.82c17.72,0,32.14-13.86,32.14-30.89V34.52C228,17.48,213.54,3.62,195.82,3.62Z"/><path class="cls-1" d="M76.4,30.67h75.15A4.65,4.65,0,0,0,156,25.88V4.78A4.65,4.65,0,0,0,151.55,0H76.4a4.65,4.65,0,0,0-4.49,4.78v21.1A4.66,4.66,0,0,0,76.4,30.67Z"/></g></g></svg>'; active: 'uk-text-primary'
public about3 = '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 293.74 263.39"><defs><style>.cls-1{}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M260.75,0H33A33,33,0,0,0,0,33V176.61a33,33,0,0,0,33,33h74.4v23h-19v30.82H203.66V232.57H184.44v-23h76.31a33,33,0,0,0,33-33V33A33,33,0,0,0,260.75,0Zm3.75,174.83a7,7,0,0,1-6.86,7.1H36.1a7,7,0,0,1-6.86-7.1V34.76a7,7,0,0,1,6.86-7.09H257.64a7,7,0,0,1,6.86,7.09Z"/><path class="cls-1" d="M260.75,0H33A33,33,0,0,0,0,33V176.61a33,33,0,0,0,33,33h74.4v23h-19v30.82H203.66V232.57H184.44v-23h76.31a33,33,0,0,0,33-33V33A33,33,0,0,0,260.75,0Zm3.75,174.83a7,7,0,0,1-6.86,7.1H36.1a7,7,0,0,1-6.86-7.1V34.76a7,7,0,0,1,6.86-7.09H257.64a7,7,0,0,1,6.86,7.09Z"/><path class="cls-1" d="M260.75,0H33A33,33,0,0,0,0,33V176.61a33,33,0,0,0,33,33h74.4v23h-19v30.82H203.66V232.57H184.44v-23h76.31a33,33,0,0,0,33-33V33A33,33,0,0,0,260.75,0Zm3.75,174.83a7,7,0,0,1-6.86,7.1H36.1a7,7,0,0,1-6.86-7.1V34.76a7,7,0,0,1,6.86-7.09H257.64a7,7,0,0,1,6.86,7.09Z"/><path class="cls-1" d="M123,155.32V132.26l-17.19-18.47s2.93-44.26-16.42-58.13C70.05,69.53,73,113.79,73,113.79l-17.2,18.47v23.06s27-22.86,22.28-16.41.39,11.33.39,11.33l-5.86,6.65h33.61l-5.87-6.65s5.09-4.88.4-11.33S123,155.32,123,155.32Z"/><rect class="cls-1" x="164.94" y="117.66" width="15.88" height="39.22"/><rect class="cls-1" x="215.69" y="99.44" width="15.88" height="57.44"/><rect class="cls-1" x="190.27" y="75.62" width="15.88" height="81.26"/></g></g></svg>'; };
public about4 = '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 177.86 248.05"><defs><style>.cls-1{}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M177.86,236.27V197.84A25.23,25.23,0,0,0,170.48,180l-38.12-38.11s7.4-104-40-140.7a5.62,5.62,0,0,0-6.92,0c-47.37,36.67-40,140.7-40,140.7L7.39,180A25.24,25.24,0,0,0,0,197.84v38.43a3.86,3.86,0,0,0,6.23,3c17.1-13.33,62.85-48.53,52.71-35.55-12.41,15.88,1,27.92,1,27.92L47.13,245.23a1.67,1.67,0,0,0,1.21,2.82h81.18a1.67,1.67,0,0,0,1.21-2.82l-12.84-13.55s13.44-12,1-27.92c-10.13-13,35.61,22.22,52.71,35.55A3.86,3.86,0,0,0,177.86,236.27Z"/></g></g></svg>'; public about1: TabIcon = {
svg: '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 227.96 265.77"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M195.82,3.62h-29V27h29a7.74,7.74,0,0,1,8,7.48V234.88a7.73,7.73,0,0,1-8,7.47H32.14a7.73,7.73,0,0,1-8-7.47V34.52a7.74,7.74,0,0,1,8-7.48h29V3.62h-29C14.42,3.62,0,17.48,0,34.52V234.88c0,17,14.42,30.89,32.14,30.89H195.82c17.72,0,32.14-13.86,32.14-30.89V34.52C228,17.48,213.54,3.62,195.82,3.62Z"/><path class="cls-1" d="M75.47,30.67h77a4.7,4.7,0,0,0,4.6-4.79V4.78A4.7,4.7,0,0,0,152.48,0h-77a4.7,4.7,0,0,0-4.6,4.78v21.1A4.7,4.7,0,0,0,75.47,30.67Z"/><rect class="cls-1" x="49.23" y="122.53" width="42.79" height="30.11" rx="5.57"/><polygon class="cls-1" points="173.33 99.65 151.52 129.09 147.3 124.17 136.14 133.74 152.37 152.65 185.14 108.39 173.33 99.65"/></g></g></svg>',
active: 'uk-text-primary'
};
public about2: TabIcon = {
svg: '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 227.96 265.77"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M162.75,210.23V176.77L137.8,150S142.05,85.75,114,65.62C85.91,85.75,90.16,150,90.16,150l-25,26.8v33.46s39.13-33.17,32.32-23.82.57,16.45.57,16.45l-8.51,9.64h48.77l-8.5-9.64s7.37-7.09.56-16.45S162.75,210.23,162.75,210.23Z"/><path class="cls-1" d="M195.82,3.62h-29V27h29a7.74,7.74,0,0,1,8,7.48V234.88a7.73,7.73,0,0,1-8,7.47H32.14a7.73,7.73,0,0,1-8-7.47V34.52a7.74,7.74,0,0,1,8-7.48h29V3.62h-29C14.42,3.62,0,17.48,0,34.52V234.88c0,17,14.42,30.89,32.14,30.89H195.82c17.72,0,32.14-13.86,32.14-30.89V34.52C228,17.48,213.54,3.62,195.82,3.62Z"/><path class="cls-1" d="M76.4,30.67h75.15A4.65,4.65,0,0,0,156,25.88V4.78A4.65,4.65,0,0,0,151.55,0H76.4a4.65,4.65,0,0,0-4.49,4.78v21.1A4.66,4.66,0,0,0,76.4,30.67Z"/></g></g></svg>',
active: 'uk-text-primary'
};
public about3: TabIcon = {
svg: '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 293.74 263.39"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M260.75,0H33A33,33,0,0,0,0,33V176.61a33,33,0,0,0,33,33h74.4v23h-19v30.82H203.66V232.57H184.44v-23h76.31a33,33,0,0,0,33-33V33A33,33,0,0,0,260.75,0Zm3.75,174.83a7,7,0,0,1-6.86,7.1H36.1a7,7,0,0,1-6.86-7.1V34.76a7,7,0,0,1,6.86-7.09H257.64a7,7,0,0,1,6.86,7.09Z"/><path class="cls-1" d="M260.75,0H33A33,33,0,0,0,0,33V176.61a33,33,0,0,0,33,33h74.4v23h-19v30.82H203.66V232.57H184.44v-23h76.31a33,33,0,0,0,33-33V33A33,33,0,0,0,260.75,0Zm3.75,174.83a7,7,0,0,1-6.86,7.1H36.1a7,7,0,0,1-6.86-7.1V34.76a7,7,0,0,1,6.86-7.09H257.64a7,7,0,0,1,6.86,7.09Z"/><path class="cls-1" d="M260.75,0H33A33,33,0,0,0,0,33V176.61a33,33,0,0,0,33,33h74.4v23h-19v30.82H203.66V232.57H184.44v-23h76.31a33,33,0,0,0,33-33V33A33,33,0,0,0,260.75,0Zm3.75,174.83a7,7,0,0,1-6.86,7.1H36.1a7,7,0,0,1-6.86-7.1V34.76a7,7,0,0,1,6.86-7.09H257.64a7,7,0,0,1,6.86,7.09Z"/><path class="cls-1" d="M123,155.32V132.26l-17.19-18.47s2.93-44.26-16.42-58.13C70.05,69.53,73,113.79,73,113.79l-17.2,18.47v23.06s27-22.86,22.28-16.41.39,11.33.39,11.33l-5.86,6.65h33.61l-5.87-6.65s5.09-4.88.4-11.33S123,155.32,123,155.32Z"/><rect class="cls-1" x="164.94" y="117.66" width="15.88" height="39.22"/><rect class="cls-1" x="215.69" y="99.44" width="15.88" height="57.44"/><rect class="cls-1" x="190.27" y="75.62" width="15.88" height="81.26"/></g></g></svg>',
active: 'uk-text-primary'
};
public about4: TabIcon = {
svg: '<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 177.86 248.05"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M177.86,236.27V197.84A25.23,25.23,0,0,0,170.48,180l-38.12-38.11s7.4-104-40-140.7a5.62,5.62,0,0,0-6.92,0c-47.37,36.67-40,140.7-40,140.7L7.39,180A25.24,25.24,0,0,0,0,197.84v38.43a3.86,3.86,0,0,0,6.23,3c17.1-13.33,62.85-48.53,52.71-35.55-12.41,15.88,1,27.92,1,27.92L47.13,245.23a1.67,1.67,0,0,0,1.21,2.82h81.18a1.67,1.67,0,0,0,1.21-2.82l-12.84-13.55s13.44-12,1-27.92c-10.13-13,35.61,22.22,52.71,35.55A3.86,3.86,0,0,0,177.86,236.27Z"/></g></g></svg>',
active: 'uk-text-primary'
};
public url: string = null; public url: string = null;
public pageTitle: string = "OpenAIRE - Connect | Learn How"; public pageTitle: string = "OpenAIRE - Connect | Learn How";

@ -1 +1 @@
Subproject commit 2542d452be89e0ad740978d889e1a0f3e05c302f Subproject commit 4ccabced6dd8624a0c7cde617891cca4d10e0751

@ -1 +1 @@
Subproject commit 4e99b0887c758579682eb1d9848d227e18f97799 Subproject commit b7ebcb75131a4bd5fc956f540c19f3ed4bedba1b

View File

@ -8,16 +8,16 @@ Custom connect css
--button-primary-background-image: none; --button-primary-background-image: none;
--button-secondary-background: var(--secondary-color); --button-secondary-background: var(--secondary-color);
--button-secondary-background-image: none; --button-secondary-background-image: none;
--button-primary-color: var(--font-default-color); --button-primary-color: var(--text-default-color);
/*backgrounds*/ /*backgrounds*/
--primary-background: #2C2C2C; --background-primary: var(--connect-color);
--primary-background-image:none; --background-primary-image:none;
--secondary-background-image:none; --background-secondary: var(--grey-color);
--background-secondary-image:none;
/*fonts*/ /*fonts*/
--font-primary-color:var(--connect-color); --text-primary-color:var(--connect-color);
/*--secondary-background: var(--secondary-color);*/
} }
/*.whiteBackground { /*.whiteBackground {
@ -247,14 +247,6 @@ Custom connect css
/*}*/ /*}*/
.connectApp .custom-main-content {
background-color: #F9F9F9 !important;
}
main {
min-height: calc(100vh - 100px);
}
/*.connectApp .login text {*/ /*.connectApp .login text {*/
/* stroke: black;*/ /* stroke: black;*/
/* fill: black;*/ /* fill: black;*/

@ -1 +1 @@
Subproject commit a6fbd5fdba27493d9b5bd59d92b632f08c7dbb96 Subproject commit de51fea2dd3c8a64fc3c68ed29a9aa8f71034a54