implements iframes auto-resizing and style

ot_templating/Resources/Private/Layouts/Classic/Structures.html

@@ -4,6 +4,11 @@
 <f:comment><!-- Special layout for the Members page --></f:comment>
 <f:layout name="Structures" />
 
+<v:asset.script name="classic-iframe-resizer"
+                path="EXT:ot_templating/Resources/Public/assets/Classic/script/iframeResizer.min.js"
+                standalone="1"
+                rewrite="0" />
+
 <f:comment><!-- Render the header defined in partial/header.html--></f:comment>
 <f:render partial="Classic/Header" arguments="{_all}" />
 
@@ -11,7 +16,12 @@
     <f:comment><!-- Central column --></f:comment>
     <div class="content">
         <div class="ot-structures">
-            <iframe src="https://frames.opentalent.fr/structures?parent={settings.organizationId}&theme={ot:template.getPreference(key: 'themeColor')}"/>
+            <iframe
+                    src="https://frames.opentalent.fr/structures/?parent={settings.organizationId}&theme={ot:template.getPreference(key: 'themeColor')}"
+                    referrerpolicy="strict-origin"
+                    style="border: none;"
+                    onload="iFrameResize()"
+            ></iframe>
         </div>
     </div>
 </div>

ot_templating/Resources/Private/Layouts/Modern/Structures.html

@@ -4,17 +4,24 @@
 <f:comment><!-- Special layout for the Members page --></f:comment>
 <f:layout name="Structures" />
 
+<v:asset.script name="modern-iframe-resizer"
+                path="EXT:ot_templating/Resources/Public/assets/Classic/script/iframeResizer.min.js"
+                standalone="1"
+                rewrite="0" />
+
 <section class="t-container st-effect-3">
     <div class="wrapper">
 
         <f:comment><!-- Render the header defined in partial/header.html--></f:comment>
         <f:render partial="Modern/Header" arguments="{_all}" />
 
-
         <section class="page-section-ptb">
             <div class="ot-structures">
-                <iframe src="https://frames.opentalent.fr/structures?parent={settings.organizationId}&theme={ot:template.getPreference(key: 'themeColor')}"
-                        style="border: none !important; max-width: 100% !important; height: 2600px !important; width: 100% !important;"/>
+                <iframe src="https://frames.opentalent.fr/structures/?parent={settings.organizationId}&theme={ot:template.getPreference(key: 'themeColor')}"
+                        referrerpolicy="strict-origin"
+                        style="border: none;"
+                        onload="iFrameResize()"
+                ></iframe>
             </div>
         </div>
 

ot_templating/Resources/Public/assets/Classic/style/module/_structures.scss

@@ -5,15 +5,13 @@
     border: none;
     width: 100%;
     max-width: 100%;
-    height: 3200px;
+    height: 2400px;
   }
-
   @media screen and (min-width: 1100px) {
     iframe {
       margin-left: -10%;
       width: 120%;
       max-width: 120%;
-      height: 2600px;
     }
   }
 }

ot_templating/Resources/Public/assets/Modern/style/custom.css

@@ -1022,147 +1022,16 @@ section.news .no-news-found {
     color: #4d4d4d;
 }
 
-    /*============================
-    Structures page
-    ============================*/
-
-.ot-structures {
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-}
-
-.ot-structures .structure-controls {
-    order: 1;
-}
-
-.ot-structures .structure-results {
-    order: 0;
-}
-
-.ot-structures .structure-controls, .structure-results {
-    display: flex;
-    flex-direction: column;
-    margin: 0 1.5em;
-    flex: 1;
-}
-
-.ot-structures .structure-search {
-    display: flex;
-    flex-direction: column;
-    margin-bottom: 2em;
-}
-
-.ot-structures h3 {
-    font-size: 1.2em;
-    font-weight: bold;
-}
-
-.ot-structures .structure-search form {
-    display: flex;
-    flex-direction: column;
-}
-
-.ot-structures .structure-search form input,
-.ot-structures .structure-search form button {
-    margin-bottom: 1em;
-    line-height: 1.4em;
-    font-size: 1.1em;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    padding: 6px 12px;
-}
-
-.ot-structures .structure-search form button {
-    border: solid 2px #cccccc;
-    color: #333333;
-}
-
-.ot-structures .structure-search form button:hover {
-    background-color: #d8edf3;
-    cursor: pointer;
-}
-
-.ot-structures #structure-map {
-    height: 400px;
+/*============================
+Structures page
+============================*/
+.ot-structures iframe {
+    border: none;
     width: 100%;
-    align-self: flex-end;
-}
-
-.ot-structures .structure {
-    display: flex;
-    flex-direction: column;
-    border-bottom: solid 2px #cccccc;
-    border-radius: 4px;
-    height: 200px;
-    padding: 1em;
-    justify-content: space-around;
-}
-
-.ot-structures .structure-preview {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-
-.ot-structures .structure-preview .structure-poster {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.ot-structures .structure-preview .structure-poster img {
-    width: auto;
     max-width: 100%;
-    min-width: 40%;
-    height: auto;
-    margin-right: 4em;
-}
-
-.ot-structures .structure-preview .structure-summary {
-    flex: 2;
-    display: flex;
-    flex-direction: column;
-}
-
-.ot-structures .structure-preview .structure-summary > span {
-    margin-bottom: 0.5em;
+    height: 2400px;
 }
 
-.ot-structures .structure-preview .structure-name {
-    font-size: 1.4em;
-    color: #333333;
-    font-weight: bold;
-}
-
-.ot-structures .structure-preview .structure-loc-date {
-    font-size: 1.1em;
-    color: #4d4d4d;
-    font-weight: bold;
-}
-
-.ot-structures .structure-preview .structure-description {
-    color: #4d4d4d;
-}
-
-.ot-structures .structure-see {
-    align-self: stretch;
-    padding: 0.4em 0.8em;
-    font-size: 1.1em;
-    margin-top: 0.4em;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-}
-
-.ot-structures .structure-see:hover {
-    text-decoration: none;
-    font-weight: bold;
-}
-
-
 /*============================
 Sitemap page
 ============================*/