From 33817a7fd02b1e5008931439a649747c036af682 Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 29 Sep 2025 15:01:55 +0200 Subject: [PATCH] taille bouton page editer mes dossier --- web/themes/custom/reha/dist/css/bundle.css | 30 +++- .../pages/_page-mon-espace-de-travail.scss | 145 +++++++++++------- .../custom/reha/scss/partials/_forms.scss | 13 +- 3 files changed, 125 insertions(+), 63 deletions(-) diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 34dfec1..d6c284a 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -885,10 +885,10 @@ input { } .form-submit { - height: 2.5rem !important; - margin-bottom: 1rem; - font-size: 1.2rem; - font-weight: 300; + text-transform: uppercase; + font-size: 0.9rem; + font-weight: 400; + font-family: "Marianne", sans-serif; width: fit-content; } @media (max-width: 891px) { @@ -3327,6 +3327,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div } .page-mon-espace-de-travail summary { text-transform: none; + font-weight: 800; + font-size: 1.2rem; } .page-mon-espace-de-travail #edit-field-dossier-de-pilotage-wrapper, .page-mon-espace-de-travail #edit-field-dossier-evenement-wrapper { @@ -3401,6 +3403,26 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div visibility: visible; opacity: 1; } +.page-mon-espace-de-travail .js-form-type-managed-file label:after { + content: " :"; +} +.page-mon-espace-de-travail .paragraphs-add-wrapper { + text-transform: uppercase; + font-size: 0.9rem; + font-weight: 400; +} +@media (max-width: 891px) { + .page-mon-espace-de-travail .paragraphs-add-wrapper { + font-size: 1rem; + } +} +.page-mon-espace-de-travail .paragraphs-add-wrapper p { + margin: 0; + padding: 0.3rem; +} +.page-mon-espace-de-travail .paragraphs-add-wrapper :hover { + background-color: #fdc300; +} .field--name-field-dossier-de-pilotage h4 ::after { content: ""; diff --git a/web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss b/web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss index 0459661..8573451 100644 --- a/web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss +++ b/web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss @@ -38,6 +38,8 @@ } summary{ text-transform: none; + font-weight: 800; + font-size: 1.2rem; } #edit-field-dossier-de-pilotage-wrapper, @@ -69,61 +71,94 @@ } } + // .js-form-type-textfield{ + // label{ + // font-weight: 800; + // font-size: 1.2rem; + // &:after{ + // content: " :"; + // } + // } + // } -/* On cache le texte mais on le garde accessible */ -.description { - position: relative; - display: inline-block; - color: transparent; /* rend le texte invisible */ - font-size: 0; /* supprime l'espace du texte */ - } - - /* On crée l’icône "i" */ - .description::before { - content: "i"; - display: inline-block; - width: 20px; - height: 20px; - line-height: 20px; - border-radius: 50%; - background-color: #333; - color: #fff; - text-align: center; - font-weight: bold; - font-size: 14px; - cursor: pointer; - font-family: Arial, sans-serif; - } - - /* Tooltip : on réaffiche le vrai texte stocké */ - .description::after { - content: attr(data-text); /* On va injecter le texte via un attribut */ - visibility: hidden; - opacity: 0; - width: 250px; - background-color: #333; - color: #fff; - text-align: left; - border-radius: 6px; - padding: 8px; - position: absolute; - z-index: 1; - top: 120%; - left: 50%; - transform: translateX(-50%); - transition: opacity 0.3s; - font-size: 13px; - line-height: 1.4; - pointer-events: none; - } - - /* Affichage au survol */ - .description:hover::after { - visibility: visible; - opacity: 1; - } - + //////////////// bulles d'infos //////////////// + /* On cache le texte mais on le garde accessible */ + .description { + position: relative; + display: inline-block; + color: transparent; /* rend le texte invisible */ + font-size: 0; /* supprime l'espace du texte */ + } + + /* On crée l’icône "i" */ + .description::before { + content: "i"; + display: inline-block; + width: 20px; + height: 20px; + line-height: 20px; + border-radius: 50%; + background-color: #333; + color: #fff; + text-align: center; + font-weight: bold; + font-size: 14px; + cursor: pointer; + font-family: Arial, sans-serif; + } + + /* Tooltip : on réaffiche le vrai texte stocké */ + .description::after { + content: attr(data-text); /* On va injecter le texte via un attribut */ + visibility: hidden; + opacity: 0; + width: 250px; + background-color: #333; + color: #fff; + text-align: left; + border-radius: 6px; + padding: 8px; + position: absolute; + z-index: 1; + top: 120%; + left: 50%; + transform: translateX(-50%); + transition: opacity 0.3s; + font-size: 13px; + line-height: 1.4; + pointer-events: none; + } + + /* Affichage au survol */ + .description:hover::after { + visibility: visible; + opacity: 1; + } + //////////////// bulles d'infos //////////////// + + + .js-form-type-managed-file{ + label{ + &:after{ + content: " :"; + } + } + } + .paragraphs-add-wrapper{ + text-transform: uppercase; + font-size: 0.9rem; + font-weight: 400; + + @media (max-width:891px) { + font-size: 1rem; + } + p{margin: 0; + padding: 0.3rem;} + :hover{ + background-color: $yellow-puca; + } + } } // #edit-field-dossier-de-pilotage-wrapper @@ -132,4 +167,6 @@ content: ""; border-top: solid 1px black; } -} \ No newline at end of file +} + + diff --git a/web/themes/custom/reha/scss/partials/_forms.scss b/web/themes/custom/reha/scss/partials/_forms.scss index c314a00..fa5735e 100644 --- a/web/themes/custom/reha/scss/partials/_forms.scss +++ b/web/themes/custom/reha/scss/partials/_forms.scss @@ -20,11 +20,14 @@ input{ } } .form-submit{ - - height: 2.5rem !important; - margin-bottom: 1rem; - font-size: 1.2rem; - font-weight: 300; + text-transform: uppercase; + font-size: 0.9rem; + font-weight: 400; + font-family: "Marianne", sans-serif; + // height: 2.5rem !important; + // margin-bottom: 1rem; + // font-size: 1.2rem; + // font-weight: 300; width: fit-content; @extend %buttonwithborder; @media (max-width:891px) {