bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

taille bouton page editer mes dossier

Browse Source
This commit is contained in:
ouidade
2025-09-29 15:01:55 +02:00
parent 7f3da44aae
commit 33817a7fd0
3 changed files with 125 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+26 -4
View File
@@ -885,10 +885,10 @@ input {
} }
.form-submit { .form-submit {
height: 2.5rem !important; text-transform: uppercase;
margin-bottom: 1rem; font-size: 0.9rem;
font-size: 1.2rem; font-weight: 400;
font-weight: 300; font-family: "Marianne", sans-serif;
width: fit-content; width: fit-content;
} }
@media (max-width: 891px) { @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 { .page-mon-espace-de-travail summary {
text-transform: none; 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-de-pilotage-wrapper,
.page-mon-espace-de-travail #edit-field-dossier-evenement-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; visibility: visible;
opacity: 1; 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 { .field--name-field-dossier-de-pilotage h4 ::after {
content: ""; content: "";
web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss
+91 -54
View File
@@ -38,6 +38,8 @@
} }
summary{ summary{
text-transform: none; text-transform: none;
font-weight: 800;
font-size: 1.2rem;
} }
#edit-field-dossier-de-pilotage-wrapper, #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 */ //////////////// bulles d'infos ////////////////
.description { /* On cache le texte mais on le garde accessible */
position: relative; .description {
display: inline-block; position: relative;
color: transparent; /* rend le texte invisible */ display: inline-block;
font-size: 0; /* supprime l'espace du texte */ color: transparent; /* rend le texte invisible */
} font-size: 0; /* supprime l'espace du texte */
}
/* On crée l’icône "i" */
.description::before { /* On crée l’icône "i" */
content: "i"; .description::before {
display: inline-block; content: "i";
width: 20px; display: inline-block;
height: 20px; width: 20px;
line-height: 20px; height: 20px;
border-radius: 50%; line-height: 20px;
background-color: #333; border-radius: 50%;
color: #fff; background-color: #333;
text-align: center; color: #fff;
font-weight: bold; text-align: center;
font-size: 14px; font-weight: bold;
cursor: pointer; font-size: 14px;
font-family: Arial, sans-serif; cursor: pointer;
} font-family: Arial, sans-serif;
}
/* Tooltip : on réaffiche le vrai texte stocké */
.description::after { /* Tooltip : on réaffiche le vrai texte stocké */
content: attr(data-text); /* On va injecter le texte via un attribut */ .description::after {
visibility: hidden; content: attr(data-text); /* On va injecter le texte via un attribut */
opacity: 0; visibility: hidden;
width: 250px; opacity: 0;
background-color: #333; width: 250px;
color: #fff; background-color: #333;
text-align: left; color: #fff;
border-radius: 6px; text-align: left;
padding: 8px; border-radius: 6px;
position: absolute; padding: 8px;
z-index: 1; position: absolute;
top: 120%; z-index: 1;
left: 50%; top: 120%;
transform: translateX(-50%); left: 50%;
transition: opacity 0.3s; transform: translateX(-50%);
font-size: 13px; transition: opacity 0.3s;
line-height: 1.4; font-size: 13px;
pointer-events: none; line-height: 1.4;
} pointer-events: none;
}
/* Affichage au survol */
.description:hover::after { /* Affichage au survol */
visibility: visible; .description:hover::after {
opacity: 1; 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 // #edit-field-dossier-de-pilotage-wrapper
@@ -132,4 +167,6 @@
content: ""; content: "";
border-top: solid 1px black; border-top: solid 1px black;
} }
} }
web/themes/custom/reha/scss/partials/_forms.scss
+8 -5
View File
@@ -20,11 +20,14 @@ input{
} }
} }
.form-submit{ .form-submit{
text-transform: uppercase;
height: 2.5rem !important; font-size: 0.9rem;
margin-bottom: 1rem; font-weight: 400;
font-size: 1.2rem; font-family: "Marianne", sans-serif;
font-weight: 300; // height: 2.5rem !important;
// margin-bottom: 1rem;
// font-size: 1.2rem;
// font-weight: 300;
width: fit-content; width: fit-content;
@extend %buttonwithborder; @extend %buttonwithborder;
@media (max-width:891px) { @media (max-width:891px) {