gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

il manque simplement à centrer le boutton réponse

Browse source
This commit is contained in:
JubaAzul 2025-03-14 20:03:14 -04:00
parent 731841a315
commit 33d81ac604
2 changed files with 35 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
client/src/components/QuestionsDisplay/questionStyle.css
View file

@ -21,7 +21,6 @@
.question-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.question-wrapper .katex {
@ -29,7 +28,8 @@
}
.katex * {
font-family: 'KaTeX_Main' /* to display characters like \neq properly */
font-family: 'KaTeX_Main'
/* to display characters like \neq properly */
}
.circle {
@ -95,15 +95,11 @@
}
.answer-positive-weight {
background-color: hsl(
120, 100%, 90%
);
background-color: hsl(120, 100%, 90%);
}
.answer-zero-or-less-weight {
background-color: hsl(
0, 100%, 90%
);
background-color: hsl(0, 100%, 90%);
}
.answer-text.selected {
@ -117,7 +113,8 @@
}
.feedback-container {
display: inline-block !important; /* override the parent */
display: inline-block !important;
/* override the parent */
align-items: center;
margin-left: 1.1rem;
position: relative;
@ -154,6 +151,7 @@
border-radius: 6px;
box-shadow: 0px 2px 5px hsl(0, 0%, 74%);
}
.false-feedback {
position: relative;
padding: 0 1rem;
@ -169,25 +167,36 @@
}
.correct-answer-text {
text-align: left; /* Align text to the left */
width: 100%; /* Ensure it takes the full width of its container */
text-align: left;
/* Align text to the left */
width: 100%;
/* Ensure it takes the full width of its container */
}
.accepted-answers {
display: inline-block; /* Display elements side by side */
border-radius: 6px; /* Add rounded corners */
padding: 0.5rem; /* Add padding for spacing */
margin: 0.5rem; /* Add margin for spacing between elements */
background-color: hsl(0, 0%, 87%); /* Optional: Add a background color for emphasis */
display: inline-block;
/* Display elements side by side */
border-radius: 6px;
/* Add rounded corners */
padding: 0.5rem;
/* Add padding for spacing */
margin: 0.5rem;
/* Add margin for spacing between elements */
background-color: hsl(0, 0%, 87%);
/* Optional: Add a background color for emphasis */
}
.question-feedback-validation {
font-size: 1.8rem; /* Increase the font size */
font-weight: bold; /* Make the text bold */
font-size: 1.8rem;
/* Increase the font size */
font-weight: bold;
/* Make the text bold */
width: 100%;
height: 100%;
margin: 0 auto;
}
.question-title {
margin-bottom: 0.5rem;
margin-top: 1.5rem;
@ -200,10 +209,8 @@
margin-bottom: 1rem;
}
.submit-button {
width: 20%;
}
width: min-content;
margin-left: 19rem;}