MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[common-assets | new-theme]: Updates for redesign of landing pages. 

1. landing-utils.css:
   a. Updated min-height of landing-section to 60vh and do not apply on landing-section-height-auto (summary tab)
   b. Added .separator-in-tab (not for small screens)
   c. Added .card-tab | Added css for .landing .uk-progress (currently not working).
2. utils.css: Uncommented .iframeContainer and .iframeContainer iframe.
3. common/argos_entities.svg: [NEW] Added for DMPs tab in project landing page.
This commit is contained in:
Konstantina Galouni 2022-04-28 12:10:40 +03:00
parent 542a34e607
commit 99f61af203
3 changed files with 50 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
common/argos_entities.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11.393" viewBox="0 0 14 11.393">
<g id="Layer_2" transform="translate(261.2 -232.555)">
<g id="Layer_1-2" transform="translate(-261.2 232.555)">
<path id="Path_17265" data-name="Path 17265" d="M-247.2,235.936a3.587,3.587,0,0,0-.637-1.83,3.636,3.636,0,0,0-2.975-1.546,3.586,3.586,0,0,0-2.054.649,3.6,3.6,0,0,0-1.287,1.617h0l-.035.071c-.012-.035-.024-.059-.035-.094a3.618,3.618,0,0,0-4.616-2.019,4.384,4.384,0,0,0-.626.307l-.012-.012a3.669,3.669,0,0,0-1.192,1.216h0a3.6,3.6,0,0,0-.5,1.393c0,.035-.012.083-.012.118a3.615,3.615,0,0,0,1.723,3.447,3.594,3.594,0,0,0,3.789-.035.089.089,0,0,1,.024.047h0a2.209,2.209,0,0,1-.838,2.963,2.206,2.206,0,0,1-3.01-.814,2.3,2.3,0,0,1-.283-.874.241.241,0,0,0-.236-.212h-.956a.237.237,0,0,0-.236.236v.012a3.628,3.628,0,0,0,3.86,3.364,3.628,3.628,0,0,0,3.364-3.86,3.666,3.666,0,0,0-.614-1.782c-.012-.024-.024-.035-.035-.059a4.139,4.139,0,0,0,.39-.708.575.575,0,0,0,.035-.083c.012.035.024.059.035.094h0a3.607,3.607,0,0,0,4.616,2.007,3.614,3.614,0,0,0,2.337-3.376,1.43,1.43,0,0,1,.012-.236Zm-1.558.992a2.193,2.193,0,0,1-2.054,1.428h0a2.211,2.211,0,0,1-2.054-1.417l-.012-.024c-.012-.059-.165-.118-.4-.153a4.727,4.727,0,0,0-.661-.059h-.519c-.59.024-1.039.106-1.062.212l-.012.024a2.193,2.193,0,0,1-2.821,1.287,2.193,2.193,0,0,1-1.287-2.821,2.2,2.2,0,0,1,2.833-1.287,2.2,2.2,0,0,1,1.287,1.287l.012.024c.012.059.165.118.4.153a4.722,4.722,0,0,0,.661.059h.519c.59-.024,1.039-.106,1.062-.212l.012-.024a2.193,2.193,0,0,1,2.821-1.287A2.17,2.17,0,0,1-248.758,236.928Z" transform="translate(261.2 -232.555)" fill="#17bebb"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

36
library-css/landing-utils.css
View File

@ -414,8 +414,8 @@
background: rgba(var(--landing-default-color-rgb), 0.80);
}
}
.landing-section{
min-height: 70vh;
.landing-section:not(.landing-section-height-auto){
min-height: 60vh;
}
#landing-sections .landing-section:not(:last-child):before{
@ -451,3 +451,35 @@
width: 150px;
}
}
@media (min-width:960px) {
.separator-in-tab {
border-left: 1px solid var(--landing-muted-color);
}
}
.card-tab {
border-radius: 6px;
border-left: 5px var(--landing-section-separator-color) solid;
}
/* Progress */
.landing .uk-progress {
height: 16px;
background-color: transparent;
}
/*firefox*/
.landing .uk-progress::-moz-progress-bar {
background-color: greenyellow;
}
/*chrome*/
.landing .uk-progress::-webkit-progress-value {
background-color: var(--secondary-color);
}
/*internet explore & edge*/
.landing .uk-progress::-ms-fill {
background-color: var(--secondary-color);
}

17
library-css/utils.css
View File

@ -88,16 +88,15 @@
-webkit-line-clamp: 10;
}
/*.iframeContainer {*/
/* overflow: hidden;*/
.iframeContainer {
overflow: hidden;
}
/*}*/
/*.iframeContainer iframe {*/
/* width: 100%;*/
/* height: 100%;*/
/* border: 0;*/
/*}*/
.iframeContainer iframe {
width: 100%;
height: 100%;
border: 0;
}
.clipboard-wrapper {
background: var(--light-color);