Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

refactor theme inist css #1896

Merged
merged 2 commits into from
Feb 16, 2024
Merged

refactor theme inist css #1896

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c9452b0
refactor(theme inist css): debug label (card 584) and breadcrumb posi…
HeleneCreusot Feb 14, 2024
8b9e48a
chore(theme css): scorie sur la css label pour home page
HeleneCreusot Feb 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
137 changes: 94 additions & 43 deletions src/themes/inist/css/inist-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,38 @@ light: "rgba(37, 128, 154, .1)",
}*/
/*orange #f48022 devient fushia #da1d64 (active et focus)*/
/* hover violet reste violet #b22f90*/
/*@import url("styles_aphrodite.css");*/
/*bouton vert ‘plus de résultats' et bouton vert 'parcourir les résultats'*/
/* (deviennent bleu et bleu foncé) uniquement par class css-xxxxx rgb(31, 106, 129)*/

/*:root {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je ne comprends pas pourquoi ajouter du code si c'est pour le mettre en commentaire.

--primary-main: #25809a;
--primary-secondary: rgba(37, 128, 154, 1.5);
--primary-light: rgba(37, 128, 154, 0.1);
--primary-contrast-text: #fff;
--secondary-main: #da1d64;
--secondary-contrast-text: #fff;
--info-main: #b22f90;
--info-contrast-text: #fff;
--warning-main: #da1d64;
--warning-contrast-text: #fff;
--danger-main: #f44336;
--danger-contrast-text: #fff;
--success-main: #25809a;
--success-contrast-text: #fff;
--neutral-main: #e0e0e0;
--neutral-dark-main: #555;
--neutral-dark-secondary: rgb(95, 99, 104);
--neutral-dark-very-dark: #333;
--neutral-dark-dark: #555;
--neutral-dark-light: rgb(95, 99, 104, 0.5);
--neutral-dark-lighter: rgb(95, 99, 104, 0.15);
--neutral-dark-very-light: rgb(95, 99, 104, 0.1);
--neutral-dark-transparent: rgba(0, 0, 0, 0.1);
--text-main: rgb(95, 99, 104);
--text-primary: rgb(95, 99, 104);
--contrast-main: #fff;
--contrast-light: rgba(255, 255, 255, 0.2);
--contrast-threshold: 3;
}*/
/* MOBILE FIRST*/

/* adaptative charte : cf site inist/inist.css*/
Expand All @@ -37,13 +65,13 @@ body {
.css-oa9bdm {
padding: 0.75rem 0.75rem 0.75rem 0px;
}*/
div.dataset-characteristics > div > div.format_title:nth-child(2) {
margin: -15rem auto 1rem 3rem;
padding: 4rem;
div.dataset-characteristics > div > div.property.format_title:nth-child(2) {
margin: -10rem auto 1rem 3rem;
padding: 2rem 4rem !important;
}
/* position titre pour home*/
.header-dataset-section {
margin-top: 15rem;
margin-top: 8rem;
}
/*lodex content*/
/*petite marge full screen*/
Expand All @@ -56,8 +84,13 @@ body {
width: 95%;
margin: -5rem auto 0;
}
div.breadcrumb-trail {
height: 60px;
}
/*titre court position*/
div.breadcrumb-trail a:not([href*="https"]):last-child {
position: absolute;
top: 2rem;
width: max-content;
max-width: 70%;
margin: 1.5rem auto 0 2.5rem;
Expand All @@ -76,23 +109,25 @@ body {
div.breadcrumb-root {
margin: -5rem auto 0;
}
div.breadcrumb-trail {
height: 60px;
}
/*titre court position*/
div.breadcrumb-trail a:not([href*="https"]):last-child {
position: absolute;
top: 2rem;
width: max-content;
max-width: 70%;
margin: 1.5rem auto 0 5rem;
}
/*TITRE l'instance*/
div.dataset-characteristics > div > div.format_title:nth-child(2) {
margin: -10rem 1rem 0;
background-color: white;
border: 1px dotted rgb(224, 224, 224);
border-bottom: white;
padding: 4rem;
div.dataset-characteristics > div > div.property.format_title:nth-child(2) {
margin: -8rem 1rem 0;
padding: 1rem 2rem !important;
}
/* position titre pour home*/
.header-dataset-section {
margin-top: 10rem;
margin-top: 6rem;
}
}
@media only screen and (max-width: 480px) {
Expand All @@ -115,22 +150,26 @@ body {
padding: 0 1.6rem;
}
/* pas de links*/
div.breadcrumb-trail {
height: 0;
}
div.breadcrumb-trail a[href*="https"] {
display: none;
}
div.breadcrumb-trail a:not([href*="https"]):last-child {
margin: 0 auto;
margin: 0 auto 0 1rem;
width: max-content;
}
footer ul {
flex-direction: column;
}
/*position TITRE l'instance*/
div.dataset-characteristics > div > div.format_title:nth-child(2) {
margin: -6rem 1rem 0;
padding: 1.5rem;
div.dataset-characteristics > div > div.property.format_title:nth-child(2) {
margin: -8rem 1rem 0;
padding: 1rem 1.5rem !important;
}
.header-dataset-section {
margin-top: 5rem;
margin-top: 6rem;
}
}

Expand Down Expand Up @@ -316,7 +355,6 @@ div.breadcrumb-root span {
}
div.breadcrumb-trail {
width: 100% !important;
height: 60px;
text-align: right;
}
div.breadcrumb-trail a[href*="https"]._zfmrqt {
Expand Down Expand Up @@ -389,38 +427,46 @@ div.breadcrumb-trail a:not([href*="https"]):last-child:active {
}

/*ELEMENTS lodex - texte */

.css-oa9bdm {
text-align: initial !important;
}
/*TITRE l'instance*/
/*pour info .css-oa9bdm h1 objet lodex
.css-oa9bdm {
padding: 0.75rem 0.75rem 0.75rem 0px;
}*/
div.dataset-characteristics > div > div.format_title:nth-child(2) {
div.dataset-characteristics > div > div.property.format_title:nth-child(2) {
background-color: white;
border: 1px dotted rgb(224, 224, 224);
border-bottom: white;
}

/*lodex Etiquette : graph,resource titre champs, graphs titre*/
div .property_label {
text-align: initial !important;
}
/* les paves de données*/
/*.dataset-characteristics .css-15oih4j */
/* .resource .css-1ngt2jr*/
/* .graph-page.graph-container .css-e4nvpy padding-top: 0.5rem;
padding-bottom: 0.5rem;*/
.dataset-characteristics > div > .property,
.graph-page .property,
.resource .property {
padding: 1rem 0.5rem 0 !important;
}
/*lodex Etiquette : home, graph,resource titre champs, graphs titre*/
div.property_label_container {
max-width: 90%;
}
div span.property_label {
font-family: "Barlow Medium" !important;
font-weight: normal !important;
color: #434148 !important;
}
/*label vide : pas de place*/
span.property_label:empty {
display: none !important;
}
/*home label avec un tiret*/
.dataset-characteristics div .property_label::before {
content: "—";
padding-right: 20px;
font-weight: bold;
}
/*resource titres champs*/
div.resource .property_label {
div.resource span.property_label {
font-size: 1rem !important;
border-bottom: 1px dotted rgb(224, 224, 224);
border-bottom: 1px dotted var(--neutral-dark-light);
}
div span.property_label:empty {
border-bottom: none;
}
/*annotation bt bb bl3*/
.linked_fields {
Expand Down Expand Up @@ -463,7 +509,7 @@ nav img._1m2up2 {
.container,
.container-fluid {
width: 100%;
max-width: 1300px;
max-width: 1700px;
margin-right: auto;
margin-left: auto;
padding-left: 0;
Expand Down Expand Up @@ -492,16 +538,21 @@ nav img._1m2up2 {
.dataset-characteristics > div:first-child {
justify-content: space-between;
}
/* PAGE resource et graph manque 1 div*/
/* PAGE resource et graph*/
.body > div div.resource,
.body .graph-container {
padding-top: 3rem;
padding-bottom: 1rem;
margin: 30px auto;
}
/*search-container*/
.search-container .stats {
font-size: 80%;
.body .graph-container {
padding-top: 3rem;
}
/*nb de doc résultats stats*/
.stats {
height: auto !important;
line-height: 1.2rem !important;
padding: 1rem 0;
margin: 1rem auto 1rem 1%;
}
/*static-page reprend prop page home*/
.static-page {
Expand Down