Skip to content

Commit

Permalink
Merge pull request #2135 from Inist-CNRS/theme-istex-for-istex-corpus
Browse files Browse the repository at this point in the history
Theme istex : styles des liens, couleurs Charte - Theme inist : fix background - tous themes : feuilletage des resources
  • Loading branch information
touv authored Sep 13, 2024
2 parents 92444f8 + 9e94b8f commit 3934b2e
Show file tree
Hide file tree
Showing 26 changed files with 388 additions and 366 deletions.
5 changes: 1 addition & 4 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,4 @@ stats.json
## Folder for precomputed files
/precomputedData/*
!/precomputedData/.gitkeep
src/app/custom/themes/istex/css/istex-dev.css
src/app/custom/themes/istex/css/save-13062024istex.css-
src/app/custom/themes/istex/img/SVG
src/app/custom/themes/istex/img/ICONO
src/app/custom/themes/istex/themeIstex.html
38 changes: 16 additions & 22 deletions src/app/custom/themes/inist/css/inist-styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -221,17 +221,12 @@ footer li#lodex::before {
.container-fluid {
max-width: var(--maxWidth) !important;
}
/*connexion + home*/
#root > #content:first-child .container {
#root > #content .container {
padding: 0 0 0 0 !important;
background-color: transparent;
}
#root > #content:first-child .container #home-page {
background-color: #fff;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
#root > #content:first-child > .container > .MuiPaper-root.MuiPaper-elevation {
/*connexion*/
#root > #content > .container > .MuiPaper-root.MuiPaper-elevation {
padding: 2rem;
margin: 1rem;
}
Expand Down Expand Up @@ -301,7 +296,7 @@ footer li#lodex::before {
transform: translateY(-1rem);
}*/
/*pages+drawers margin padding fond blanc*/
#content > div.container,
#content div.container div:is(#home-page, .graph-page, .resource),
.drawer {
padding-top: 2rem;
padding-bottom: 2rem;
Expand Down Expand Up @@ -357,21 +352,19 @@ a.VoirPlus {
.resources-grid-list {
background-color: rgba(229, 229, 229, 0.17);
}
/*resource feuilletage*/
.resource .nav-button-root {
background-color: rgba(100%, 100%, 100%, 0.8);
}
.resource .nav-button-root:is(:hover, :focus, :active) {
background-color: rgba(100%, 100%, 100%, 1);
}
/*resource titres champs*/

div.resource span.property_label {
font-size: 1rem !important;
border-bottom: 1px dotted var(--neutral-dark-light);
}
/*svg suivant précédent*/
.resource
.css-78trlr-MuiButtonBase-root-MuiIconButton-root:is(
:not(:hover),
:hover,
:focus,
:active
) {
background-color: #fff;
}
/*barre search*/
.searchbar-container fieldset,
.searchbar-container fieldset:hover {
Expand Down Expand Up @@ -460,6 +453,7 @@ ul.MuiList-root.facets-list > li .facet-value-list svg {
/*CHARTE inist*/
/*element de charte inist class a disposition*/
/*bordure violette verticale titre 2*/
/* utilisable en class interne */
.bl3 {
border-left: 3px solid var(--info-main);
padding-left: 30px;
Expand All @@ -481,7 +475,7 @@ ul.MuiList-root.facets-list > li .facet-value-list svg {
background-color: rgba(229, 229, 229, 0.17);
}
/*a "voir plus" charte inist */
a.VoirPlus {
.VoirPlus a {
color: var(--text-primary);
margin: 15px 0 15px 0;
padding: 15px 20px;
Expand All @@ -493,7 +487,7 @@ a.VoirPlus {
width: max-content;
text-decoration: none;
}
a.VoirPlus:hover,
a.VoirPlus:focus {
.VoirPlus a:hover,
.VoirPlus a:focus {
box-shadow: 0px 0px 0px 1px var(--neutral-dark-light);
}
30 changes: 15 additions & 15 deletions src/app/custom/themes/istex/charteIstex.html
Original file line number Diff line number Diff line change
Expand Up @@ -138,9 +138,9 @@
<tr>
<th class="tableau-couleurs__header">Couleur</th>
<th class="tableau-couleurs__header">Nom</th>
<th class="tableau-couleurs__header">lodex palette mui : istexTheme.js</th>
<th class="tableau-couleurs__header">var css istexTheme.js</th>
<th class="tableau-couleurs__header">Hexadecimal</th>
<th class="tableau-couleurs__header">HSL</th>
<th class="tableau-couleurs__header">RGBa</th>
</tr>
</thead>
<tbody>
Expand All @@ -157,7 +157,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>196 41 46</span>
<span>rgba(69, 140, 165,1)</span>
</div>
</td>
</tr>
Expand All @@ -174,7 +174,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>196 35 56</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -191,7 +191,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>196 35 67</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -208,7 +208,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>67 67 52</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -225,7 +225,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>65 81 66</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -242,7 +242,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>196 41 46</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -259,7 +259,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>0 0 0</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -276,7 +276,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>0 0 11</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -294,7 +294,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>0 0 29</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -311,7 +311,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>0 0 56</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -331,7 +331,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>0 0 94</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -349,7 +349,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>195 29 97</span>
<span>rgba()</span>
</div>
</td>
</tr>
Expand All @@ -368,7 +368,7 @@
</td>
<td class="tableau-couleurs__cell">
<div class="tableau-couleurs__cell-content">
<span>0 0 100</span>
<span>decimal rgba(255,255,255,1) % rgb(100,100,100)</span>
</div>
</td>
</tr>
Expand Down
41 changes: 0 additions & 41 deletions src/app/custom/themes/istex/colorsTheme.js

This file was deleted.

Loading

0 comments on commit 3934b2e

Please sign in to comment.