feat(FRONT theme button): implémente charte istex button&link

link in text : ok link icon : en cours button + button&Icon : demarré
Inist-CNRS · Aug 19, 2024 · 9de834e · 9de834e
1 parent 9128c9c
commit 9de834e
Show file tree

Hide file tree

Showing 5 changed files with 295 additions and 309 deletions.
diff --git a/src/app/custom/themes/istex/css/istex-internalclass.css b/src/app/custom/themes/istex/css/istex-internalclass.css
@@ -18,32 +18,9 @@ div[class*='HomeContentSidebar'] {
 div[class*='HomeContentSidebar'] .MuiBox-root.css-oa9bdm {
     padding: 0 !important;
 }
-/*div[class*='HomeContentSidebar'] : champs composant*/
-/*enleve à gauche la bordure, le padding et la marge*/
-div[class*='HomeContentSidebar']
-    > .property_value_container
-    > div.MuiBox-root
-    > div
-    > div,
-div[class*='HomeContentSidebar']
-    div[class*='HomeContent']
-    .property_value_container
-    > div.MuiBox-root
-    > div
-    > div,
-div[class*='HomeSidebar']
-    .property_value_container
-    > div.MuiBox-root
-    > div
-    > div {
-    padding-left: 0 !important;
-    margin-left: 0 !important;
-    border-left: 0px !important;
-    gap: 0;
-}
 /*Home div[class*='HomeContent'] et*/
 /*Home div[class*='HomeSidebar']*/
-div[class='HomeContentSidebar'] div[class*='designHomeContent'],
+div[class*='HomeContentSidebar'] div[class*='designHomeContent'],
 div[class*='HomeSidebar'] {
     width: auto !important;
     margin-bottom: 0 !important;
@@ -54,7 +31,7 @@ div[class*='HomeSidebar'] {
 }
 /*Home texte principal*/
 /* div[class*='HomeContent']*/
-div[class='HomeContentSidebar' i] div[class*='HomeContent' i] {
+div[class*='HomeContentSidebar'] div[class*='HomeContent'] {
     flex: 2;
     background-color: transparent !important;
     /*padding: 0 20px 70px 20px;*/
@@ -80,17 +57,97 @@ div[class='HomeContentSidebar' i] div[class*='HomeContent' i] {
 span.property_label:empty {
     padding: 0;
 }*/
-/*toutes pages elements en pave*/
-*[class*='ListePave'] li {
-    width: 48%;
+/********************/
+/* home ou resource */
+/* liste en pave    */
+/********************/
+[class*='ListePave'] div.property_value_container:first-child {
+    padding: 0 !important;
+}
+.body [class*='ListePave'] :is(ul, li) {
+    padding: 0;
+    margin: 0;
+}
+.body [class*='ListePave'] ul {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+}
+/*avec liste syndication*/
+div.property_value_container li[class*='item'],
+[class*='ListePave'] div.property_value_container li div {
+    background: transparent;
+    box-shadow: none;
+    border: 0px;
+    width: auto;
+}
+[class*='ListePave'] div.property_value_container li div[class*='wrapper'] {
+    padding: 0rem;
+}
+[class*='ListePave'] li a {
+    display: block;
+    width: 325px;
+    min-height: 80px;
+    padding: 1.3rem;
+    background-color: var(--primary-light);
+    border: 1px solid var(--primary-main);
+    border-radius: 4px;
+}
+[class*='ListePave'] li a > div {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+/* titre du bloc toutes liste */
+[class*='ListePave'] a div[class*='contentTitle'] {
+    flex: 1;
+    font-family: var(--font-titre);
+    color: var(--primary-main);
+    font-weight: 700;
+    font-size: 1.6rem;
+}
+/*liste pave dans designHomeContent*/
+div[class*='HomeContentSidebar']
+    div[class*='designHomeContent']
+   /* [class*='ListePave']*/
+    li
+    a {
     background-color: var(--contrast-light);
-    position: relative;
+    border-color: var(--contrast-light);
 }
-*[class*='ListePave'] li > * {
-    background-color: var(--contrast-light) !important;
-    padding: 0 !important;
+div[class*='HomeContentSidebar']
+    div[class*='designHomeContent']
+   /* [class*='ListePave']*/
+    div.property_value_container
+    li
+    a
+    > div {
+    display: flex;
+    flex-direction: column;
+    gap: 0 2px;
+}
+div[class*='HomeContentSidebar']
+    div[class*='designHomeContent']
+   /* [class*='ListePave']*/
+    a
+    div[class*='contentTitle'] {
+    background: var(--contrast-light) url('../img/fleched.svg') no-repeat center
+        right 1.3rem;
+}
+div[class*='HomeContentSidebar']
+    div[class*='designHomeContent']
+   /* [class*='ListePave']*/
+    div.property_value_container
+    li
+    a
+    div[class*='contentParagraph'] {
+    flex: 2;
 }
-/*ISTEX design sidebar*/
+/******************/
+/*  home ISTEX    */
+/* design sidebar */
+/******************/
 div[class*='HomeSidebar'] {
     align-items: flex-start !important;
     background-color: var(--primary-main);