Create new branch for explore new-theme. Initialize variables, css and angular.json

This commit is contained in:
Konstantinos Triantafyllou 2022-03-30 13:01:55 +03:00
parent cc062d3938
commit b2e9a76170
7 changed files with 241 additions and 219 deletions

3
.gitmodules vendored
View File

@ -4,3 +4,6 @@
[submodule "explore/src/assets/common-assets"] [submodule "explore/src/assets/common-assets"]
path = explore/src/assets/common-assets path = explore/src/assets/common-assets
url = gitea@code-repo.d4science.org:MaDgIK/openaire-assets.git url = gitea@code-repo.d4science.org:MaDgIK/openaire-assets.git
[submodule "explore/src/assets/openaire-theme"]
path = explore/src/assets/openaire-theme
url = gitea@code-repo.d4science.org:MaDgIK/openaire-theme.git

View File

@ -57,9 +57,8 @@
"src/material.scss" "src/material.scss"
], ],
"scripts": [ "scripts": [
"src/assets/common-assets/common/jquery.js", "src/assets/openaire-theme/js/uikit.min.js",
"src/assets/common-assets/common/uikit.min.js", "src/assets/openaire-theme/js/uikit-icons.min.js",
"src/assets/common-assets/common/uikit-icons.min.js",
"node_modules/jquery/dist/jquery.js" "node_modules/jquery/dist/jquery.js"
] ]
}, },

@ -1 +1 @@
Subproject commit 5b732fea7b33ce4f39fd158d836c93fecfbd8c17 Subproject commit d26f56e260a01fdcca40a5fa495c1f67f6b19b9b

@ -1 +1 @@
Subproject commit 04d799f089c93ae28c9d2ca8436f283ebc0be3ae Subproject commit 776ba07197e4cf73e98890bd4213a32183ea19d2

View File

@ -1,263 +1,283 @@
:root { :root {
--portal-main-color: #D95F2D; /*buttons*/
--portal-main-contrast: white; --button-primary-background: var(--explore-color);
--portal-dark-color: #a0462c; --button-primary-background-image: linear-gradient(104deg, var(--explore-dark-color) 50%, var(--explore-light-color) 100%);
--openaire-main-color: #313179;
--explore-portal-color: #D95F2D; /*backgrounds*/
--provide-portal-color: #37C7E9; --background-primary:var(--explore-color);
--monitor-portal-color: #9ABB55; --background-primary-image:none;
--connect-portal-color: #EBB13E; --background-secondary: var(--grey-color);
--develop-portal-color: #DA65AB; --background-secondary-image:none;
--explore-portal-lower-tone: #a0462c; /*fonts*/
--provide-portal-lower-tone: #3A8FA3; --text-primary-color: var(--explore-color);
--monitor-portal-lower-tone: #7c9144; --text-gradient-color: linear-gradient(110deg, var(--explore-dark-color) 0%, var(--explore-light-color) 100%);
--connect-portal-lower-tone: #b48536;
--develop-portal-lower-tone: #9f4e7e; /*slider*/
--slider-dot-background: rgba(var(--explore-color-rgb), 0.5);
--slider-dot-active-background: var(--explore-color);
} }
/*:root {*/
/* --portal-main-color: #D95F2D;*/
/* --portal-main-contrast: white;*/
/* --portal-dark-color: #a0462c;*/
/* --openaire-main-color: #313179;*/
.tm-toolbar .uk-subnav-line .custom-explore-li { /* --explore-portal-color: #D95F2D;*/
background:var(--portal-main-color) !important; /* --provide-portal-color: #37C7E9;*/
} /* --monitor-portal-color: #9ABB55;*/
/* .custom-explore-toolbar ul.uk-subnav.uk-subnav-line{ /* --connect-portal-color: #EBB13E;*/
background-color: var(--portal-main-color) !important; /* --develop-portal-color: #DA65AB;*/
}
.custom-explore-toolbar ul.uk-subnav.uk-subnav-line{
background-color: var(--portal-main-color) !important;
}
.custom-explore-toolbar .inner {
background-color: var(--portal-main-color) !important;
}
.custom-explore-toolbar{ /* --explore-portal-lower-tone: #a0462c;*/
border-top-color:var(--portal-main-color) !important; /* --provide-portal-lower-tone: #3A8FA3;*/
} */ /* --monitor-portal-lower-tone: #7c9144;*/
.mainPageSearchForm{ /* --connect-portal-lower-tone: #b48536;*/
/*background-image: !*linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),*! url('home.jpg');*/ /* --develop-portal-lower-tone: #9f4e7e;*/
background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%); /*}*/
}
.firstPageNumbers{
/* font-weight: 600 !important; */ /*.tm-toolbar .uk-subnav-line .custom-explore-li {*/
/* color: var(--portal-main-color) !important; */ /* background:var(--portal-main-color) !important;*/
} /*}*/
/*!* .custom-explore-toolbar ul.uk-subnav.uk-subnav-line{*/
/* background-color: var(--portal-main-color) !important;*/
/* }*/
/*.custom-explore-toolbar ul.uk-subnav.uk-subnav-line{*/
/* background-color: var(--portal-main-color) !important;*/
/*}*/
/* .custom-explore-toolbar .inner {*/
/* background-color: var(--portal-main-color) !important;*/
/* }*/
/* .custom-explore-toolbar{*/
/* border-top-color:var(--portal-main-color) !important;*/
/* } *!*/
/*.mainPageSearchForm{*/
/* !*background-image: !*linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),*! url('home.jpg');*!*/
/* background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);*/
/*}*/
/*.firstPageNumbers{*/
/* !* font-weight: 600 !important; *!*/
/* !* color: var(--portal-main-color) !important; *!*/
/*}*/
.explore-numbers { /*.explore-numbers {*/
} /* }*/
.mainPageBottomInfo{ /*.mainPageBottomInfo{*/
background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg'); /* background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');*/
background-attachment: scroll, scroll; /* background-attachment: scroll, scroll;*/
background-size: auto auto, auto auto; /* background-size: auto auto, auto auto;*/
background-size: cover; /* background-size: cover;*/
background-attachment: fixed; /* background-attachment: fixed;*/
box-sizing: border-box; /* box-sizing: border-box;*/
min-height: calc(100vh - 412.767px); /* min-height: calc(100vh - 412.767px);*/
} /*}*/
.box-links .uk-card-header:hover { /*.box-links .uk-card-header:hover {*/
text-decoration: underline; /* text-decoration: underline;*/
text-decoration-color: currentcolor; /* text-decoration-color: currentcolor;*/
text-decoration-color: #90929D; /* text-decoration-color: #90929D;*/
} /*}*/
.searchForm, .generalSearchForm, /*.searchForm, .generalSearchForm,*/
.publicationsSearchForm, /*.publicationsSearchForm,*/
.projectsSearchForm, .projectsTableSearchForm, /*.projectsSearchForm, .projectsTableSearchForm,*/
.organizationsSearchForm, /*.organizationsSearchForm,*/
.datasetsSearchForm, /*.datasetsSearchForm,*/
.softwareSearchForm, /*.softwareSearchForm,*/
.orpsSearchForm, /*.orpsSearchForm,*/
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm, /*.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,*/
.journalsSearchForm, .journalsTableSearchForm, /* .journalsSearchForm, .journalsTableSearchForm,*/
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm { /*.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {*/
background: url('./Εxplore-sub.jpg') right !important; /* background: url('./Εxplore-sub.jpg') right !important;*/
} /*}*/
.ask-explore.uk-grid-divider > :not(.uk-first-column)::before { /*.ask-explore.uk-grid-divider > :not(.uk-first-column)::before {*/
border-left: 1px solid var(--portal-main-color) ; /* border-left: 1px solid var(--portal-main-color) ;*/
} /*}*/
.questions .tm-child-list-divider > ul > li:nth-child(n+2), .questions .uk-list-divider > li:nth-child(n+2) { /*.questions .tm-child-list-divider > ul > li:nth-child(n+2), .questions .uk-list-divider > li:nth-child(n+2) {*/
border-top: 1px solid #c5c5c5; /* border-top: 1px solid #c5c5c5;*/
} /*}*/
.questions { /*.questions {*/
font-size: 15px; /* font-size: 15px;*/
font-weight: bold; /* font-weight: bold;*/
color: #4687E6; /* color: #4687E6;*/
} /*}*/
.uk-card-explore { /*.uk-card-explore {*/
background-color: var(--portal-main-color); /* background-color: var(--portal-main-color);*/
color: #fff !important; /* color: #fff !important;*/
} /*}*/
.uk-card-explore .uk-h3 { /*.uk-card-explore .uk-h3 {*/
color: #fff !important; /* color: #fff !important;*/
} /*}*/
.uk-card-explore .uk-h6 a { /*.uk-card-explore .uk-h6 a {*/
color: #fff !important; /* color: #fff !important;*/
text-decoration: underline; /* text-decoration: underline;*/
} /*}*/
.uk-card-explore .uk-h5 { /*.uk-card-explore .uk-h5 {*/
color: #fff !important; /* color: #fff !important;*/
text-transform: uppercase; /* text-transform: uppercase;*/
font-size: 15px; /* font-size: 15px;*/
font-weight: bolder; /* font-weight: bolder;*/
} /*}*/
.emphasis { /*.emphasis {*/
color: #000; /* color: #000;*/
font-size: 17px; /* font-size: 17px;*/
font-weight: bold; /* font-weight: bold;*/
} /*}*/
.portal-color.emphasis { /*.portal-color.emphasis {*/
color: #37C7E9; /* color: #37C7E9;*/
font-size: 40px; /* font-size: 40px;*/
font-weight: bold; /* font-weight: bold;*/
} /*}*/
.numbers-background { /*.numbers-background {*/
background: transparent url('explore-assets/numbers_background_pattern.svg') repeat-x center bottom; /* background: transparent url('explore-assets/numbers_background_pattern.svg') repeat-x center bottom;*/
} /*}*/
.number { /*.number {*/
color: #1d1d1d; /* color: #1d1d1d;*/
} /*}*/
.home-logo img{ /*.home-logo img{*/
-webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */ /* -webkit-filter: grayscale(1); !* Safari 6.0 - 9.0 *!*/
filter: grayscale(1); /* filter: grayscale(1);*/
transition-duration:0.3s; /* transition-duration:0.3s;*/
} /*}*/
.home-logo:hover img{ /*.home-logo:hover img{*/
-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ /* -webkit-filter: grayscale(0); !* Safari 6.0 - 9.0 *!*/
filter: grayscale(0); /* filter: grayscale(0);*/
transition-duration:0.3s; /* transition-duration:0.3s;*/
} /*}*/
.graph-background { /*.graph-background {*/
background: #F4F4F4 0 0 no-repeat padding-box; /* background: #F4F4F4 0 0 no-repeat padding-box;*/
} /*}*/
.graph-background-bottom { /*.graph-background-bottom {*/
background-image: url("curved-bottom.svg"); /* background-image: url("curved-bottom.svg");*/
background-color: #FAFAFA; /* background-color: #FAFAFA;*/
height: 170px; /* height: 170px;*/
} /*}*/
.trello-image { /*.trello-image {*/
margin-top: -3px; /* margin-top: -3px;*/
} /*}*/
.trello-button { /*.trello-button {*/
border: #0079BF 1px solid; /* border: #0079BF 1px solid;*/
text-transform: none !important; /* text-transform: none !important;*/
font-size: 16px; /* font-size: 16px;*/
padding: 0 16px; /* padding: 0 16px;*/
} /*}*/
.trello-button-white { /*.trello-button-white {*/
background-color: white; /* background-color: white;*/
color: #0079BF; /* color: #0079BF;*/
} /*}*/
.trello-button-blue { /*.trello-button-blue {*/
background-color: #0076BA; /* background-color: #0076BA;*/
color: white; /* color: white;*/
} /*}*/
.trello-button-white:hover { /*.trello-button-white:hover {*/
background-color: #E9EEF5; /* background-color: #E9EEF5;*/
color: #0079BF; /* color: #0079BF;*/
} /*}*/
.trello-button-blue:hover { /*.trello-button-blue:hover {*/
background-color: #0084B1; /* background-color: #0084B1;*/
color: white; /* color: white;*/
} /*}*/
.explorePanelBackground { /*.explorePanelBackground {*/
background: transparent linear-gradient(133deg, #F5F5F5 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box; /* background: transparent linear-gradient(133deg, #F5F5F5 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;*/
} /*}*/
.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before { /*.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before {*/
border-left: 1px solid rgba(0, 0, 0, .2); /* border-left: 1px solid rgba(0, 0, 0, .2);*/
} /*}*/
.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { /*.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {*/
color: #bfbfbf; /* color: #bfbfbf;*/
} /*}*/
.exploreBorder { /*.exploreBorder {*/
border-color: #d8d8d8; /* border-color: #d8d8d8;*/
border-style: solid; /* border-style: solid;*/
border-width: 2px; /* border-width: 2px;*/
border-radius: 6px; /* border-radius: 6px;*/
} /*}*/
.flex-column { /*.flex-column {*/
display: flex; /* display: flex;*/
flex-direction: column; /* flex-direction: column;*/
} /*}*/
.min-width-30 { /*.min-width-30 {*/
min-width: 30%; /* min-width: 30%;*/
} /*}*/
.verticalLine { /*.verticalLine {*/
height: 100%; /* height: 100%;*/
width: 2px; /* width: 2px;*/
background-color: #DEDEDE; /* background-color: #DEDEDE;*/
opacity: 0.7; /* opacity: 0.7;*/
} /*}*/
.flex-gap { /*.flex-gap {*/
grid-gap: 40px; /* grid-gap: 40px;*/
} /*}*/
.padding-left { /*.padding-left {*/
padding-left: 30px; /* padding-left: 30px;*/
} /*}*/
.gateway-link-logo { /*.gateway-link-logo {*/
max-height: 50px; /* max-height: 50px;*/
width: auto; /* width: auto;*/
margin-bottom: 10px; /* margin-bottom: 10px;*/
} /*}*/
.custom-height-130 { /*.custom-height-130 {*/
max-height: 130px; /* max-height: 130px;*/
} /*}*/
.custom-list { /*.custom-list {*/
list-style: none; /* list-style: none;*/
padding-left: 15px; /* padding-left: 15px;*/
margin: 10px 0; /* margin: 10px 0;*/
} /*}*/
.custom-list li { /*.custom-list li {*/
-webkit-column-break-inside: avoid; /* -webkit-column-break-inside: avoid;*/
page-break-inside: avoid; /* page-break-inside: avoid;*/
break-inside: avoid; /* break-inside: avoid;*/
margin-bottom: 4px; /* margin-bottom: 4px;*/
} /*}*/
.connect-image { /*.connect-image {*/
max-height:100%; /* max-height:100%;*/
border-radius: 0 4px 4px 0; /* border-radius: 0 4px 4px 0;*/
} /*}*/
.border-top { /*.border-top {*/
border-top: 1px solid rgba(0,0,0,0.09); /* border-top: 1px solid rgba(0,0,0,0.09);*/
} /*}*/

@ -0,0 +1 @@
Subproject commit 3b700ea4c14ba05d1f8c2cf3ef3253623eda55f3

View File

@ -1,5 +1,4 @@
/* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */
@import "assets/common-assets/common/theme.css"; @import "assets/openaire-theme/css/import.css";
@import "assets/common-assets/common/custom.css";
@import "assets/common-assets/library.css"; @import "assets/common-assets/library.css";
@import "assets/explore-custom.css"; @import "assets/explore-custom.css";