diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index c6dabc1..1e49206 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -5027,16 +5027,15 @@ main { #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:has(.laureat:not(:empty))::before { content: ""; position: absolute; - top: -1rem; - left: -1rem; + top: -1.3rem; + left: -1.3rem; width: 2.5rem; height: 2.5rem; - background-color: #f6f7f3; - background-image: url("../img/LAUREAT.svg"); + background-image: url("../img/laureat-ouvert.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; - z-index: -1; + z-index: 0; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet div { display: flex; @@ -5058,8 +5057,15 @@ main { order: 1; font-size: 0px; } -#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe { +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .node-projet-title { order: 3; + font-size: 0.7rem; + margin-bottom: 0.3rem; + margin-top: 0.3rem; + font-family: "gilroy-regular"; +} +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe { + order: 4; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe h3 { font-size: 0.6rem; @@ -5067,7 +5073,8 @@ main { text-transform: uppercase; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro { - order: 4; + order: 5; + display: none; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro p { font-size: 0.5rem; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss index a8dcb1e..567cc7f 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss @@ -172,16 +172,16 @@ main{ content: ""; position: absolute; // display: block; - top: -1rem; - left: -1rem; + top:-1.3rem; + left: -1.3rem; width: 2.5rem; height: 2.5rem; - background-color: #f6f7f3; - background-image: url("../img/LAUREAT.svg"); + // background-color: #f6f7f3; + background-image: url("../img/laureat-ouvert.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; - z-index: -1; + z-index: 0; } @@ -207,8 +207,15 @@ main{ order: 1; font-size: 0px; } - .field_field_nom_de_l_equipe{ + .node-projet-title{ order: 3; + font-size: 0.7rem; + margin-bottom: 0.3rem; + margin-top: 0.3rem; + font-family: "gilroy-regular"; + } + .field_field_nom_de_l_equipe{ + order: 4; h3{ font-size: 0.6rem; margin: 0; @@ -216,7 +223,8 @@ main{ } } .field_field_intro{ - order: 4; + order: 5; + display: none; p{ font-size: 0.5rem; font-family: "gilroy-light"; diff --git a/web/themes/custom/quartiers_de_demain/templates/node--projet--teaser.html.twig b/web/themes/custom/quartiers_de_demain/templates/node--projet--teaser.html.twig new file mode 100644 index 0000000..0027e94 --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/templates/node--projet--teaser.html.twig @@ -0,0 +1,100 @@ +{# +/** + * @file + * Default theme implementation to display a node. + * + * Available variables: + * - node: The node entity with limited access to object properties and methods. + * Only method names starting with "get", "has", or "is" and a few common + * methods such as "id", "label", and "bundle" are available. For example: + * - node.getCreatedTime() will return the node creation timestamp. + * - node.hasField('field_example') returns TRUE if the node bundle includes + * field_example. (This does not indicate the presence of a value in this + * field.) + * - node.isPublished() will return whether the node is published or not. + * Calling other methods, such as node.delete(), will result in an exception. + * See \Drupal\node\Entity\Node for a full list of public properties and + * methods for the node object. + * - label: (optional) The title of the node. + * - content: All node items. Use {{ content }} to print them all, + * or print a subset such as {{ content.field_example }}. Use + * {{ content|without('field_example') }} to temporarily suppress the printing + * of a given child element. + * - author_picture: The node author user entity, rendered using the "compact" + * view mode. + * - metadata: Metadata for this node. + * - date: (optional) Themed creation date field. + * - author_name: (optional) Themed author name field. + * - url: Direct URL of the current node. + * - display_submitted: Whether submission information should be displayed. + * - attributes: HTML attributes for the containing element. + * The attributes.class element may contain one or more of the following + * classes: + * - node: The current template type (also known as a "theming hook"). + * - node--type-[type]: The current node type. For example, if the node is an + * "Article" it would result in "node--type-article". Note that the machine + * name will often be in a short form of the human readable label. + * - node--view-mode-[view_mode]: The View Mode of the node; for example, a + * teaser would result in: "node--view-mode-teaser", and + * full: "node--view-mode-full". + * The following are controlled through the node publishing options. + * - node--promoted: Appears on nodes promoted to the front page. + * - node--sticky: Appears on nodes ordered above other non-sticky nodes in + * teaser listings. + * - node--unpublished: Appears on unpublished nodes visible only to site + * admins. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - content_attributes: Same as attributes, except applied to the main + * content tag that appears in the template. + * - author_attributes: Same as attributes, except applied to the author of + * the node tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * - view_mode: View mode; for example, "teaser" or "full". + * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'. + * - page: Flag for the full page state. Will be true if view_mode is 'full'. + * + * @see template_preprocess_node() + * + * @ingroup themeable + */ +#} + + + {{ title_prefix }} + {% if label and not page %} + + {{ label }} + + {% endif %} + {{ title_suffix }} + + {% if display_submitted %} +
+ {{ author_picture }} + + {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %} + {{ metadata }} + +
+ {% endif %} + + + {% set node_title = node.label %} + {% set node_url = (url is defined and url) ? url : path('entity.node.canonical', {'node': node.id}) %} + + {% if node_title %} + {{ title_prefix }} + + {{ node_title }} + + {{ title_suffix }} + {% endif %} + + {{ content }} + + + diff --git a/web/themes/custom/quartiers_de_demain/templates/node--projets-lies.html.twig b/web/themes/custom/quartiers_de_demain/templates/node--projets-lies.html.twig index f47cebe..8e73e35 100644 --- a/web/themes/custom/quartiers_de_demain/templates/node--projets-lies.html.twig +++ b/web/themes/custom/quartiers_de_demain/templates/node--projets-lies.html.twig @@ -85,16 +85,17 @@ - {% set node_title = node.label %} - {% set node_url = (url is defined and url) ? url : path('entity.node.canonical', {'node': node.id}) %} + {{ content }} + {% set node_title = node.label %} + {% set node_url = (url is defined and url) ? url : path('entity.node.canonical', {'node': node.id}) %} - {% if node_title %} - {{ title_prefix }} - - {{ node_title }} - - {{ title_suffix }} - {% endif %} + {% if node_title %} + {{ title_prefix }} + + {{ node_title }} + + {{ title_suffix }} + {% endif %} {{ content }}