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 {
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: "";
web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss
+91 -54
View File
@@ -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;
}
}
}
web/themes/custom/reha/scss/partials/_forms.scss
+8 -5
View File
@@ -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) {