From 99f61af20353f6a9a4fc31e60372151bfd5f71cb Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Thu, 28 Apr 2022 12:10:40 +0300
Subject: [PATCH] [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.

---
 common/argos_entities.svg     |  7 +++++++
 library-css/landing-utils.css | 38 ++++++++++++++++++++++++++++++++---
 library-css/utils.css         | 17 ++++++++--------
 3 files changed, 50 insertions(+), 12 deletions(-)
 create mode 100644 common/argos_entities.svg

diff --git a/common/argos_entities.svg b/common/argos_entities.svg
new file mode 100644
index 0000000..12bb06e
--- /dev/null
+++ b/common/argos_entities.svg
@@ -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>
diff --git a/library-css/landing-utils.css b/library-css/landing-utils.css
index 4ca3f7f..0b502c6 100644
--- a/library-css/landing-utils.css
+++ b/library-css/landing-utils.css
@@ -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{
@@ -450,4 +450,36 @@
   .landing-left-sidebar-width {
     width: 150px;
   }
-}
\ No newline at end of file
+}
+
+@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);
+}
diff --git a/library-css/utils.css b/library-css/utils.css
index e9ff097..62f7582 100644
--- a/library-css/utils.css
+++ b/library-css/utils.css
@@ -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);