css fixes

ot_templating/Classes/Domain/Model/Donor.php

@@ -4,7 +4,7 @@ namespace Opentalent\OtTemplating\Domain\Model;
 use TYPO3\CMS\Extbase\DomainObject\AbstractEntity;
 
 /**
- * Organization
+ *   Organization's donor
  */
 class Donor extends AbstractEntity
 {

ot_templating/Classes/Domain/Repository/BaseApiRepository.php

@@ -7,7 +7,11 @@ use GuzzleHttp\Exception\GuzzleException;
 use Psr\Http\Message\ResponseInterface;
 use TYPO3\CMS\Extbase\Persistence\Repository;
 
-class BaseApiRepository extends Repository
+/**
+ *  Base class for repositories based on the opentalent API
+ *
+ */
+abstract class BaseApiRepository extends Repository
 {
     const BASE_URI = 'https://api.opentalent.fr/api/';
     const HYDRA_TYPE = '';
@@ -22,8 +26,11 @@ class BaseApiRepository extends Repository
     }
 
     /**
-     * @param $uri
-     * @param $params
+     * Send a request to the API and returns
+     * the result as a Response object
+     *
+     * @param string $uri
+     * @param array $params
      * @return ResponseInterface
      * @throws GuzzleException
      */

ot_templating/Resources/Public/assets/Classic/script/main.js

@@ -27,9 +27,13 @@ $(document).ready(function(){
         elt.children('ul.dropdown-menu').stop(true);
     }
 
-    $('.dropdown').on('mouseenter', function(e) {
+    $('.dropdown').on('mouseenter tap', function(e) {
 
-        e.preventDefault();
+        // Special: the dropdown is already displayed, this can
+        //           happen on mobile or tablet
+        if ($(this).hasClass('dropdown-displayed')) {
+            return
+        }
 
         // stop any delayed hiding on this since the cursor went back on it
         stopDelayedHidingFor($(this));
@@ -92,8 +96,13 @@ $(document).ready(function(){
         var dropdown = $(this).closest('.dropdown');
         var dropdown_menu = dropdown.find('.dropdown-menu').first();
         dropdown_menu.toggleClass('show-flex');
+
+        $(this).toggleClass('fa-plus');
+        $(this).toggleClass('fa-minus');
     });
 
+
+
     // **** Login Pop-Up and Auth
     $('#login-btn').on('click', function(e) {
         e.preventDefault();

ot_templating/Resources/Public/assets/Classic/style/_states.scss

@@ -14,6 +14,7 @@ $menu-font-color: $menu-font-color;
   display: flex !important;
 }
 
+// Small screens
 @media screen and (max-width: 900px) {
 
 //  Topbar
@@ -82,8 +83,8 @@ $menu-font-color: $menu-font-color;
 
 }
 
-
-@media (not(hover)), screen and (max-width: 900px) {
+// Small screen or devices which do not support hovering
+@media not all and (hover: none), screen and (max-width: 900px) {
   //  Menu
   #menu {
     display: none;
@@ -137,4 +138,9 @@ $menu-font-color: $menu-font-color;
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: $menu-font-color;
+  }
+
 }

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

@@ -152,6 +152,12 @@ $cols-header-font-weight: $cols-header-font-weight;
     border-color: #BBB;
   }
 
+//   prevents iframe to oversize the content width
+  iframe {
+    width: 100%;
+    height: auto;
+    max-width: 560px;
+  }
 }
 
 .centralcol {

ot_templating/Resources/Public/assets/Classic/style/style.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=style.css.map */

ot_templating/Resources/Public/assets/Classic/style/theme-blue.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=theme-blue.css.map */

ot_templating/Resources/Public/assets/Classic/style/theme-green.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=theme-green.css.map */

ot_templating/Resources/Public/assets/Classic/style/theme-grey.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=theme-grey.css.map */

ot_templating/Resources/Public/assets/Classic/style/theme-light-blue.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=theme-light-blue.css.map */

ot_templating/Resources/Public/assets/Classic/style/theme-light-red.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=theme-light-red.css.map */

ot_templating/Resources/Public/assets/Classic/style/theme-orange.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=theme-orange.css.map */

ot_templating/Resources/Public/assets/Classic/style/theme-purple.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=theme-purple.css.map */

ot_templating/Resources/Public/assets/Classic/style/theme-red.css

@@ -393,6 +393,11 @@ ul.dropdown-left {
   margin: 15px 5px;
   border-color: #BBB;
 }
+.content iframe {
+  width: 100%;
+  height: auto;
+  max-width: 560px;
+}
 
 .centralcol {
   flex: 1;
@@ -1347,7 +1352,7 @@ form button[type=submit]:hover {
     margin: auto;
   }
 }
-@media (false), screen and (max-width: 900px) {
+@media not all and (hover: none), screen and (max-width: 900px) {
   #menu {
     display: none;
     flex-direction: column;
@@ -1399,6 +1404,10 @@ form button[type=submit]:hover {
     white-space: normal;
     text-align: left;
   }
+
+  #menu .dropdown.dropdown-displayed a {
+    color: #ffffff;
+  }
 }
 
 /*# sourceMappingURL=theme-red.css.map */