">
+ ' . $langs->trans('Answer') . ' : ';
+ $object->status > $object::STATUS_DRAFT ? print $questionAnswer :
+ print '
status > $object::STATUS_DRAFT ? ' disabled' : '') . ' name="answer' . $question->id . '" id="answer' . $question->id . '"class="question-textarea input-answer ' . ($object->status > 0 ? 'disable' : '') . '" value="' . $questionAnswer . '">'; ?>
enter_comment > 0) : ?>
trans('Comment') . ' : '; ?>
@@ -153,7 +155,7 @@
type == 'Percentage') : ?>
" data-questionId="id; ?>">
status > 0 ? 'disable' : '') . ' ' . ($questionAnswer == $answerLinked->position ? 'active' : '') . '" name="answer' . $question->id . '" id="answer' . $question->id . '" min="0" max="100" step="25" value="' . $questionAnswer . '"' . ($object->status > $object::STATUS_DRAFT ? ' disabled' : '') . '>';
print img_picto('', 'fontawesome_fa-grin_fas_#57AD39_3em', 'class="range-image"');
?>
diff --git a/css/digiquali.min.css b/css/digiquali.min.css
index 6abf1ae0..389cf8ca 100644
--- a/css/digiquali.min.css
+++ b/css/digiquali.min.css
@@ -1 +1 @@
-.question-answer-container *{box-sizing:border-box}.question-answer-container.multiselect{margin-top:-60px}.question-answer-container.multiselect>.wpeo-table{background:none !important}.question-answer-container.multiselect .table-cell{padding-top:0}.question-answer-container .wpeo-table.table-flex .table-row:not(.table-header):nth-of-type(odd){background:none}.question-answer-container .table-cell{margin-top:0 !important}.question-answer-container>.wpeo-table .cell-photo-check{text-align:right}@media(max-width: 600px){.question-answer-container>.wpeo-table .cell-photo-check{text-align:center}}.question-answer-container>.wpeo-table .question-photo-check{margin:0 4px;display:inline-block;position:relative}.question-answer-container>.wpeo-table .question-photo-check img{display:block;margin:0;width:200px;height:200px;background-size:cover}.question-answer-container>.wpeo-table .question-photo-check i{position:absolute;bottom:10px;right:10px;font-size:35px}.question-answer-container>.wpeo-table .question-photo-check.ko i{color:#e05353}.question-answer-container>.wpeo-table .question-photo-check.ok i{color:#47e58e}.question-answer-container>.wpeo-table .photo{margin:0 4px}.question-answer-container>.wpeo-table .photo.photo-ok{border:5px solid #47e58e}.question-answer-container>.wpeo-table .photo.photo-ko{border:5px solid #e05353}.question-answer-container>.wpeo-table .linked-medias{display:flex;gap:0 10px;flex-wrap:wrap}.question-answer-container>.wpeo-table .answer{display:inline-block;width:50px;height:50px;line-height:50px;font-size:18px;margin:0 4px;text-align:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.4);transition:all .2s ease-out}@media(max-width: 600px){.question-answer-container>.wpeo-table .answer{width:60px;height:60px;line-height:60px;font-size:25px}}.question-answer-container>.wpeo-table .answer.square{border-radius:10%}.question-answer-container>.wpeo-table .answer:hover{cursor:pointer}.question-answer-container>.wpeo-table .answer.active{color:#fff !important}.question-answer-container>.wpeo-table .question-comment-container{margin-top:10px}.question-answer-container>.wpeo-table .question-comment-container .question-ref{font-size:13px;font-weight:700}.question-answer-container>.wpeo-table .question-comment-container .question-textarea{width:100%;background:#fff;border:1px solid rgba(0,0,0,.2);padding:1em 1.4em}.confirmquestions .answer{display:inline-block;width:30px;height:30px;line-height:30px;margin:0 4px;text-align:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.4);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.confirmquestions .answer:hover{cursor:pointer}.confirmquestions .answer[value="1"]{color:#47e58e}.confirmquestions .answer[value="2"]{color:#e05353}.confirmquestions .answer[value="3"]{color:#e9ad4f}.confirmquestions .answer[value="4"]{color:rgba(0,0,0,.7);font-weight:700}.confirmquestions input[readonly]{border:0;width:100%;pointer-events:none}.confirmquestions input[readonly]:hover{cursor:default}.element-list-medias .question-section{display:block;margin-bottom:20px}.element-list-medias .question-section::after{display:block;content:"";clear:both}.element-list-medias .question-ref{font-weight:800;display:block;clear:both}.element-list-medias .media-container{display:block;float:left;margin-right:10px;margin-bottom:10px}.element-list-medias .media-container a{transition:all .2s ease-out}.element-list-medias .media-container a:hover{opacity:.8}.element-list-medias .media-container .photo{width:100%;height:100%;object-fit:cover}.question-table .linked-medias-list{display:flex;gap:10px;height:auto !important}@media(max-width: 500px){.question-table .linked-medias-list{flex-wrap:wrap}}@media(max-width: 500px){div.tabBar table.border.question-table tr.linked-medias,div.tabBar table.border.question-table tr.linked-medias .linked-medias-list{height:auto !important}}.question-answer-container .description{text-align:center;color:#4b4f5a;font-size:24px;margin-top:20px}.question-answer-container .label{text-align:center;color:#0d8aff;font-size:25px;margin:10px 0 10px 0}.question-answer-container .percentage-cell{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.question-answer-container .percentage-cell .range-image{padding:0 .5em 0 .5em}.question-answer-container input[type=range]{width:100%;cursor:pointer;margin-bottom:0}.question-answer-container input[type=range]::-webkit-slider-thumb{width:3em;height:3em;border:solid #f5f5f5;background:#0d8aff}.question-answer-container input[type=range]::-webkit-slider-runnable-track{border-radius:50px;height:35px;background:linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%)}.question-answer-container input[type=range]::-moz-range-thumb{width:3em;height:3em;border:solid #f5f5f5;background:#0d8aff}.question-answer-container input[type=range]::-moz-range-track{border-radius:50px;height:35px;background:linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%)}:root{background:none}input,textarea{background-color:#ebf0f8;color:#0d8aff;--form-element-placeholder-color: #0d8aff}div.mainmenu.digiquali{background-image:none}div.mainmenu.digiquali::before{content:""}@media(max-width: 600px){div.tabsAction>span.butAction,div.tabsAction>span.butActionRefused,div.tabsAction>a.butAction,div.tabsAction>a.butActionDelete{padding:14px}}.dashboard-control{width:40px;height:40px;border-radius:6px;text-align:center;color:#fff;font-weight:900;font-size:14px;line-height:.9;padding:7px 2px;pointer-events:none}.progress-info{display:flex;align-items:center}.progress-info .progress-bar{width:100%;height:20px;background-color:#ddd;border-radius:5px}.progress-info .progress{width:50%;height:100%;border-radius:5px;transition:width .3s}.sheet-images-container .sheet-grid-images{display:flex;flex-wrap:wrap;gap:.8em}.sheet-images-container .sheet-grid-images img{object-fit:cover;border:3px solid #fff;transition:all .2s ease-out}.sheet-images-container .sheet-grid-images img:hover{cursor:pointer;opacity:.6}.preview-photo{z-index:2100 !important}.dropdown-toggle::after{display:none}.favorite-photo{border:5px solid #0d8aff}
\ No newline at end of file
+.question-answer-container *{box-sizing:border-box}.question-answer-container.multiselect{margin-top:-60px}.question-answer-container.multiselect>.wpeo-table{background:none !important}.question-answer-container.multiselect .table-cell{padding-top:0}.question-answer-container .wpeo-table.table-flex .table-row:not(.table-header):nth-of-type(odd){background:none}.question-answer-container .table-cell{margin-top:0 !important}.question-answer-container>.wpeo-table .cell-photo-check{text-align:right}@media(max-width: 600px){.question-answer-container>.wpeo-table .cell-photo-check{text-align:center}}.question-answer-container>.wpeo-table .question-photo-check{margin:0 4px;display:inline-block;position:relative}.question-answer-container>.wpeo-table .question-photo-check img{display:block;margin:0;width:200px;height:200px;background-size:cover}.question-answer-container>.wpeo-table .question-photo-check i{position:absolute;bottom:10px;right:10px;font-size:35px}.question-answer-container>.wpeo-table .question-photo-check.ko i{color:#e05353}.question-answer-container>.wpeo-table .question-photo-check.ok i{color:#47e58e}.question-answer-container>.wpeo-table .photo{margin:0 4px}.question-answer-container>.wpeo-table .photo.photo-ok{border:5px solid #47e58e}.question-answer-container>.wpeo-table .photo.photo-ko{border:5px solid #e05353}.question-answer-container>.wpeo-table .linked-medias{display:flex;gap:0 10px;flex-wrap:wrap}.question-answer-container>.wpeo-table .answer{display:inline-block;width:50px;height:50px;line-height:50px;font-size:18px;margin:0 4px;text-align:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.4);transition:all .2s ease-out}@media(max-width: 600px){.question-answer-container>.wpeo-table .answer{width:60px;height:60px;line-height:60px;font-size:25px}}.question-answer-container>.wpeo-table .answer.square{border-radius:10%}.question-answer-container>.wpeo-table .answer:hover{cursor:pointer}.question-answer-container>.wpeo-table .answer.active{color:#fff !important}.question-answer-container>.wpeo-table .question-comment-container{margin-top:10px}.question-answer-container>.wpeo-table .question-comment-container .question-ref{font-size:13px;font-weight:700}.question-answer-container>.wpeo-table .question-comment-container .question-textarea{width:100%;background:#fff;border:1px solid rgba(0,0,0,.2);padding:1em 1.4em}.confirmquestions .answer{display:inline-block;width:30px;height:30px;line-height:30px;margin:0 4px;text-align:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.4);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.confirmquestions .answer:hover{cursor:pointer}.confirmquestions .answer[value="1"]{color:#47e58e}.confirmquestions .answer[value="2"]{color:#e05353}.confirmquestions .answer[value="3"]{color:#e9ad4f}.confirmquestions .answer[value="4"]{color:rgba(0,0,0,.7);font-weight:700}.confirmquestions input[readonly]{border:0;width:100%;pointer-events:none}.confirmquestions input[readonly]:hover{cursor:default}.element-list-medias .question-section{display:block;margin-bottom:20px}.element-list-medias .question-section::after{display:block;content:"";clear:both}.element-list-medias .question-ref{font-weight:800;display:block;clear:both}.element-list-medias .media-container{display:block;float:left;margin-right:10px;margin-bottom:10px}.element-list-medias .media-container a{transition:all .2s ease-out}.element-list-medias .media-container a:hover{opacity:.8}.element-list-medias .media-container .photo{width:100%;height:100%;object-fit:cover}.question-table .linked-medias-list{display:flex;gap:10px;height:auto !important}@media(max-width: 500px){.question-table .linked-medias-list{flex-wrap:wrap}}@media(max-width: 500px){div.tabBar table.border.question-table tr.linked-medias,div.tabBar table.border.question-table tr.linked-medias .linked-medias-list{height:auto !important}}.question-answer-container-pwa .description{text-align:center;color:#4b4f5a;font-size:24px;margin-top:20px}.question-answer-container-pwa .label{text-align:center;color:#0d8aff;font-size:25px;margin:10px 0 10px 0}.question-answer-container-pwa .percentage-cell{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.question-answer-container-pwa .percentage-cell .range-image{padding:0 .5em 0 .5em}.question-answer-container-pwa input[type=range]{width:100%;appearance:none;cursor:pointer;padding:0;border:0;outline:none}.question-answer-container-pwa input[type=range]:disabled{background:0}.question-answer-container-pwa input[type=range]::-webkit-slider-thumb{appearance:none;width:60px;height:60px;margin-top:-10px;border:solid #f5f5f5;border-radius:50%;background:#0d8aff;transition:transform .3s ease-in-out}.question-answer-container-pwa input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.question-answer-container-pwa input[type=range]::-webkit-slider-runnable-track{border-radius:50px;height:35px;background:linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%);transition:transform .3s ease-in-out}.question-answer-container-pwa input[type=range]::-moz-range-thumb{appearance:none;width:60px;height:60px;margin-top:-10px;border:solid #f5f5f5;border-radius:50%;background:#0d8aff;transition:transform .3s ease-in-out}.question-answer-container-pwa input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.question-answer-container-pwa input[type=range]::-moz-range-track{border-radius:50px;height:35px;background:linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%)}div.mainmenu.digiquali{background-image:none}div.mainmenu.digiquali::before{content:""}@media(max-width: 600px){div.tabsAction>span.butAction,div.tabsAction>span.butActionRefused,div.tabsAction>a.butAction,div.tabsAction>a.butActionDelete{padding:14px}}.dashboard-control{width:40px;height:40px;border-radius:6px;text-align:center;color:#fff;font-weight:900;font-size:14px;line-height:.9;padding:7px 2px;pointer-events:none}.progress-info{display:flex;align-items:center}.progress-info .progress-bar{width:100%;height:20px;background-color:#ddd;border-radius:5px}.progress-info .progress{width:50%;height:100%;border-radius:5px;transition:width .3s}.sheet-images-container .sheet-grid-images{display:flex;flex-wrap:wrap;gap:.8em}.sheet-images-container .sheet-grid-images img{object-fit:cover;border:3px solid #fff;transition:all .2s ease-out}.sheet-images-container .sheet-grid-images img:hover{cursor:pointer;opacity:.6}.preview-photo{z-index:2100 !important}.dropdown-toggle::after{display:none}.favorite-photo{border:5px solid #0d8aff}
\ No newline at end of file
diff --git a/css/scss/page/_question-answer.scss b/css/scss/page/_question-answer.scss
index 1c61aadc..036e307d 100644
--- a/css/scss/page/_question-answer.scss
+++ b/css/scss/page/_question-answer.scss
@@ -1,4 +1,4 @@
-.question-answer-container {
+ .question-answer-container-pwa {
.description {
text-align: center;
color: #4B4F5A;
@@ -27,40 +27,57 @@
input[type=range] {
width: 100%;
+ appearance: none;
cursor: pointer;
- margin-bottom: 0;
+ padding: 0;
+ border: 0;
+ outline: none;
+
+ &:disabled {
+ background: 0;
+ }
}
+
input[type=range]::-webkit-slider-thumb {
- width: 3em;
- height: 3em;
+ appearance: none;
+ width: 60px;
+ height: 60px;
+ margin-top: -10px;
border: solid #F5F5F5;
+ border-radius: 50%;
background: #0d8aff;
+ transition: transform 0.3s ease-in-out;
+
+ &:hover {
+ transform: scale(1.15);
+ }
}
+
input[type=range]::-webkit-slider-runnable-track {
border-radius: 50px;
height: 35px;
background: linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%);
+ transition: transform 0.3s ease-in-out;
}
input[type=range]::-moz-range-thumb {
- width: 3em;
- height: 3em;
+ appearance: none;
+ width: 60px;
+ height: 60px;
+ margin-top: -10px;
border: solid #F5F5F5;
+ border-radius: 50%;
background: #0d8aff;
+ transition: transform 0.3s ease-in-out;
+
+ &:hover {
+ transform: scale(1.15);
+ }
}
+
input[type=range]::-moz-range-track {
border-radius: 50px;
height: 35px;
background: linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%);
}
}
-
-:root {
- background: none;
-}
-
-input, textarea {
- background-color: #ebf0f8;
- color: #0d8aff;
- --form-element-placeholder-color: #0d8aff;
-}
diff --git a/public/public_answer.php b/public/public_answer.php
index 5d5c509b..ff3d22f7 100644
--- a/public/public_answer.php
+++ b/public/public_answer.php
@@ -142,21 +142,20 @@
* View
*/
-$title = $langs->trans('PublicAnswer');
-$moreJS = ['/saturne/js/includes/signature-pad.min.js'];
-$moreCSS = ['/saturne/css/pico.min.css'];
+$title = $langs->trans('PublicAnswer');
+$moreJS = ['/saturne/js/includes/signature-pad.min.js'];
$conf->dol_hide_topmenu = 1;
$conf->dol_hide_leftmenu = 1;
-saturne_header(1,'', $title, '', '', 0, 0, $moreJS, $moreCSS, '', 'page-public-card page-signature');
+saturne_header(1,'', $title, '', '', 0, 0, $moreJS, [], '', 'page-public-card page-signature');
print '