From bb3825ddeeda16c16290e269ed1fe55cd9a15900 Mon Sep 17 00:00:00 2001 From: HeleneCreusot Date: Mon, 13 Jan 2025 09:51:01 +0100 Subject: [PATCH 1/3] =?UTF-8?q?feat(theme=20lodex=20semantisation):=20reac?= =?UTF-8?q?tive=20i=20pour=20la=20s=C3=A9mantisation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/custom/themes/istex/css/istex.css | 35 ++++++++++++++++------- 1 file changed, 24 insertions(+), 11 deletions(-) diff --git a/src/app/custom/themes/istex/css/istex.css b/src/app/custom/themes/istex/css/istex.css index 9ca170f16b..2571d24ce6 100644 --- a/src/app/custom/themes/istex/css/istex.css +++ b/src/app/custom/themes/istex/css/istex.css @@ -502,16 +502,37 @@ div.property div.MuiBox-root > div > * + div { gap: 0%; } /* label */ -span.property_label[style*='color: rgb(158, 158, 158)']:not(:empty) { +.property .property_label_container > div { + display: inline-flex !important; + line-height: 2.4; +} +.property span.property_label[style*='color: rgb(158, 158, 158)']:not(:empty) { font-family: var(--font-titre) !important; font-size: 1rem; line-height: 1; text-align: initial; margin-bottom: 0.5rem; + /*element flex-grow:2*/ + flex-grow: initial !important; } /*label semantique*/ -#content span.property_scheme a { +/*#content span.property_scheme a { text-decoration: none; +}*/ +.property_scheme { + background: url(../img/information.png); + background-repeat: no-repeat; + background-size: 20px 20px; + background-position: left; + margin-left: 20px; + margin-bottom: 0.5rem; +} +.property_scheme a { + visibility: hidden; +} +.property_scheme:hover a { + visibility: visible; + padding-left: 30px; } /*input search*/ .searchbar-container .MuiOutlinedInput-root fieldset, @@ -673,15 +694,7 @@ li .facet-value-list .css-qtf05s-MuiButtonBase-root-MuiCheckbox-root { .resource .nav-button-root:is(:hover, focus, :active) { background-color: rgba(100%, 100%, 100%, 1); } -/*labels en noir et soulignes*/ -.resource - .property - .property_value_container - .property - .property_label_container - > div { - width: max-content; -} +/*labels en noir*/ .resource span.property_label[style*='color: rgb(158, 158, 158)'] { color: var(--neutral-dark-very-dark) !important; } From e2be94fd0ca3fb8336969738a3530c51b4a56143 Mon Sep 17 00:00:00 2001 From: HeleneCreusot Date: Tue, 14 Jan 2025 15:21:10 +0100 Subject: [PATCH 2/3] fix(theme istex): semantisation only not empty semantisation or not sem gap between designHome elements --- .../themes/istex/css/istex-internalclass.css | 8 +++-- src/app/custom/themes/istex/css/istex.css | 35 ++++++++++--------- 2 files changed, 25 insertions(+), 18 deletions(-) diff --git a/src/app/custom/themes/istex/css/istex-internalclass.css b/src/app/custom/themes/istex/css/istex-internalclass.css index 9510311f5b..f1bc2a1c98 100644 --- a/src/app/custom/themes/istex/css/istex-internalclass.css +++ b/src/app/custom/themes/istex/css/istex-internalclass.css @@ -18,7 +18,11 @@ div[class*='HomeContentSidebar'] { div[class*='HomeContentSidebar'] .MuiBox-root.css-oa9bdm { padding: 0 !important; } -div[class*='HomeContentSidebar'] .MuiBox-root.css-oa9bdm > div > div { +div[class*='HomeContentSidebar'] + > div.property_value_container + > .MuiBox-root.css-oa9bdm + > div + > div { gap: 3rem; } /*Home div[class*='HomeContent'] et*/ @@ -221,7 +225,7 @@ div.property[class*='Banniere'] > .property_value_container div.MuiBox-root { padding: 0 0 !important; } div.property[class*='Banniere'] - > .property_value_container + > div.property_value_container > div.MuiBox-root > div > div { diff --git a/src/app/custom/themes/istex/css/istex.css b/src/app/custom/themes/istex/css/istex.css index 2571d24ce6..27658bac96 100644 --- a/src/app/custom/themes/istex/css/istex.css +++ b/src/app/custom/themes/istex/css/istex.css @@ -502,37 +502,40 @@ div.property div.MuiBox-root > div > * + div { gap: 0%; } /* label */ -.property .property_label_container > div { - display: inline-flex !important; - line-height: 2.4; +.property div.property_label_container > div { + justify-content: flex-start !important; + margin-bottom: 0.5rem; } .property span.property_label[style*='color: rgb(158, 158, 158)']:not(:empty) { font-family: var(--font-titre) !important; font-size: 1rem; - line-height: 1; text-align: initial; - margin-bottom: 0.5rem; /*element flex-grow:2*/ flex-grow: initial !important; } /*label semantique*/ -/*#content span.property_scheme a { - text-decoration: none; -}*/ -.property_scheme { +#content span.property_scheme { + display: inline-flex; +} +#content span.property_scheme { + display: inline-flex; + visibility: hidden; + margin-left: 0.5rem; + margin-bottom: 0.2rem; +} +.property_scheme a:not(:empty)::before { + visibility: visible; + content: ' '; + width: 25px; + height: 20px; background: url(../img/information.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: left; - margin-left: 20px; - margin-bottom: 0.5rem; -} -.property_scheme a { - visibility: hidden; + line-height: 2.4; } -.property_scheme:hover a { +.property_scheme:hover a:not(:empty) { visibility: visible; - padding-left: 30px; } /*input search*/ .searchbar-container .MuiOutlinedInput-root fieldset, From 6fe8b6a7bf3c42355a2f9d143a215d0c359148ce Mon Sep 17 00:00:00 2001 From: HeleneCreusot Date: Tue, 21 Jan 2025 13:09:55 +0100 Subject: [PATCH 3/3] chore(theme istex readme + lodex-theme : add icono graphLodex): new icono graphLodex in readme and lodex-theme.js --- src/app/custom/themes/istex/Readme.md | 2 +- src/app/custom/themes/istex/lodex-theme.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/custom/themes/istex/Readme.md b/src/app/custom/themes/istex/Readme.md index 3cb92a2bd7..07c6ea824b 100644 --- a/src/app/custom/themes/istex/Readme.md +++ b/src/app/custom/themes/istex/Readme.md @@ -9,7 +9,7 @@ - "title": "Services", - "summary": "Les technologies et les outils ISTEX pour les projets de recherche.", - "matomoID": "39", -- "info: choix image bannieres": "datamining - doigtdossier - doigtecran - femmebureau - femmededos - filet - graph - hommebureau - mainAI - mainreseau - mainspirale - meeting - terre - translation", +- "info: choix image bannieres": "datamining - doigtdossier - doigtecran - femmebureau - femmededos - filet - graph - graphLodex - hommebureau - mainAI - mainreseau - mainspirale - meeting - terre - translation", - "BanniereSimple": "hommebureau", - "BanniereDouble": "doigtdossier" diff --git a/src/app/custom/themes/istex/lodex-theme.json b/src/app/custom/themes/istex/lodex-theme.json index 37f7d1423d..bb584fb55a 100644 --- a/src/app/custom/themes/istex/lodex-theme.json +++ b/src/app/custom/themes/istex/lodex-theme.json @@ -19,7 +19,7 @@ "title": "Services", "summary": "Les technologies et les outils ISTEX pour les projets de recherche.", "matomoID": "39", - "info: choix image bannieres": "datamining - doigtdossier - doigtecran - femmebureau - femmededos - filet - graph - hommebureau - mainAI - mainreseau - mainspirale - meeting - terre - translation", + "info: choix image bannieres": "datamining - doigtdossier - doigtecran - femmebureau - femmededos - filet - graph - graphLodex - hommebureau - mainAI - mainreseau - mainspirale - meeting - terre - translation", "BanniereSimple": "hommebureau", "BanniereDouble": "doigtdossier", "documentation": "https://github.com/Inist-CNRS/lodex/tree/master/src/app/custom/themes/istex#readme"