gitflow-hotfix-stash: V8-5242-image--texte

ot_templating/Configuration/TypoScript/constants.txt

@@ -1,3 +1,4 @@
+# Import the default constants of EXT:fluid_styled_content
 templateRootPath = EXT:ot_templating/Resources/Private/Templates/
 partialRootPath = EXT:ot_templating/Resources/Private/Partials/
 layoutRootPath = EXT:ot_templating/Resources/Private/Layouts/

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

@@ -0,0 +1,88 @@
+/**
+-- Temporary fix --
+Applique la majeure partie des règles par défaut définies dans le fichier sysext/fluid_styled_content/Configuration/TypoScript/Styling/setup.typoscript
+et qui, malgré l'inclusion du plugin au template des sites, ne semblent pas s'appliquer aux éléments de contenu.
+
+Voir : https://assistance.opentalent.fr/browse/V8-5242
+
+>>> A supprimer dès qu'une solution à l'inclusion sera trouvée
+ */
+
+.ce-align-left { text-align: left; }
+.ce-align-center { text-align: center; }
+.ce-align-right { text-align: right; }
+
+.ce-table td, .ce-table th { vertical-align: top; }
+
+.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }
+
+.ce-left .ce-gallery, .ce-column { float: left; }
+.ce-center .ce-outer { position: relative; float: right; right: 50%; }
+.ce-center .ce-inner { position: relative; float: right; right: -50%; }
+.ce-right .ce-gallery { float: right; }
+
+.ce-gallery figure { display: table; margin: 0; }
+.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
+.ce-gallery img { display: block; }
+.ce-gallery iframe { border-width: 0; }
+.ce-border img,
+.ce-border iframe {
+  border: 2px solid #000000;
+  padding: 0;
+}
+
+.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
+  margin-bottom: 10px;
+}
+.ce-image .ce-gallery { margin-bottom: 0; }
+.ce-intext.ce-right .ce-gallery { margin-left: 14px; }
+.ce-intext.ce-left .ce-gallery { margin-right: 14px; }
+.ce-below .ce-gallery { margin-top: 14px; }
+
+.ce-column { margin-right: 10px; }
+.ce-column:last-child { margin-right: 0; }
+
+.ce-row { margin-bottom: 14px; }
+.ce-row:last-child { margin-bottom: 0; }
+
+.ce-above .ce-bodytext { clear: both; }
+
+.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }
+
+/* Headline */
+.ce-headline-left { text-align: left; }
+.ce-headline-center { text-align: center; }
+.ce-headline-right { text-align: right; }
+
+/* Uploads */
+.ce-uploads { margin: 0; padding: 0; }
+.ce-uploads li { list-style: none outside none; margin: 1em 0; }
+.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
+.ce-uploads span { display: block; }
+
+/* Table */
+.ce-table { width: 100%; max-width: 100%; }
+.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
+.ce-table thead th { border-bottom: 2px solid #dadada; }
+.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
+.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
+.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }
+
+/* Space */
+.frame-space-before-extra-small { margin-top: 1em; }
+.frame-space-before-small { margin-top: 2em; }
+.frame-space-before-medium { margin-top: 3em; }
+.frame-space-before-large { margin-top: 4em; }
+.frame-space-before-extra-large { margin-top: 5em; }
+.frame-space-after-extra-small { margin-bottom: 1em; }
+.frame-space-after-small { margin-bottom: 2em; }
+.frame-space-after-medium { margin-bottom: 3em; }
+.frame-space-after-large { margin-bottom: 4em; }
+.frame-space-after-extra-large { margin-bottom: 5em; }
+
+/* Frame */
+.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
+.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
+.frame-indent { margin-left: 15%; margin-right: 15%; }
+.frame-indent-left { margin-left: 33%; }
+.frame-indent-right { margin-right: 33%; }

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

@@ -103,4 +103,5 @@ $warning-font-color: #ffffff !default;
 "module/_errpages",
 "module/_pagination",
 "module/_noscript",
+"module/_fluid",
 "_states";

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

@@ -1264,3 +1264,95 @@ Media queries
         float: none;
     }
 }
+
+
+/**
+<--------------------
+-- Temporary fix --
+Applique la majeure partie des règles par défaut définies dans le fichier sysext/fluid_styled_content/Configuration/TypoScript/Styling/setup.typoscript
+et qui, malgré l'inclusion du plugin au template des sites, ne semblent pas s'appliquer aux éléments de contenu.
+
+Voir : https://assistance.opentalent.fr/browse/V8-5242
+
+>>> A supprimer dès qu'une solution à l'inclusion sera trouvée
+ */
+
+.ce-align-left { text-align: left; }
+.ce-align-center { text-align: center; }
+.ce-align-right { text-align: right; }
+
+.ce-table td, .ce-table th { vertical-align: top; }
+
+.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }
+
+.ce-left .ce-gallery, .ce-column { float: left; }
+.ce-center .ce-outer { position: relative; float: right; right: 50%; }
+.ce-center .ce-inner { position: relative; float: right; right: -50%; }
+.ce-right .ce-gallery { float: right; }
+
+.ce-gallery figure { display: table; margin: 0; }
+.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
+.ce-gallery img { display: block; }
+.ce-gallery iframe { border-width: 0; }
+.ce-border img,
+.ce-border iframe {
+    border: 2px solid #000000;
+    padding: 0;
+}
+
+.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
+    margin-bottom: 10px;
+}
+.ce-image .ce-gallery { margin-bottom: 0; }
+.ce-intext.ce-right .ce-gallery { margin-left: 14px; }
+.ce-intext.ce-left .ce-gallery { margin-right: 14px; }
+.ce-below .ce-gallery { margin-top: 14px; }
+
+.ce-column { margin-right: 10px; }
+.ce-column:last-child { margin-right: 0; }
+
+.ce-row { margin-bottom: 14px; }
+.ce-row:last-child { margin-bottom: 0; }
+
+.ce-above .ce-bodytext { clear: both; }
+
+.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }
+
+/* Headline */
+.ce-headline-left { text-align: left; }
+.ce-headline-center { text-align: center; }
+.ce-headline-right { text-align: right; }
+
+/* Uploads */
+.ce-uploads { margin: 0; padding: 0; }
+.ce-uploads li { list-style: none outside none; margin: 1em 0; }
+.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
+.ce-uploads span { display: block; }
+
+/* Table */
+.ce-table { width: 100%; max-width: 100%; }
+.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
+.ce-table thead th { border-bottom: 2px solid #dadada; }
+.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
+.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
+.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }
+
+/* Space */
+.frame-space-before-extra-small { margin-top: 1em; }
+.frame-space-before-small { margin-top: 2em; }
+.frame-space-before-medium { margin-top: 3em; }
+.frame-space-before-large { margin-top: 4em; }
+.frame-space-before-extra-large { margin-top: 5em; }
+.frame-space-after-extra-small { margin-bottom: 1em; }
+.frame-space-after-small { margin-bottom: 2em; }
+.frame-space-after-medium { margin-bottom: 3em; }
+.frame-space-after-large { margin-bottom: 4em; }
+.frame-space-after-extra-large { margin-bottom: 5em; }
+
+/* Frame */
+.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
+.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
+.frame-indent { margin-left: 15%; margin-right: 15%; }
+.frame-indent-left { margin-left: 33%; }
+.frame-indent-right { margin-right: 33%; }
+/* --------------------> */