mirror of
https://github.com/bringout/oca-ocb-core.git
synced 2026-04-21 23:32:01 +02:00
19.0 vanilla
This commit is contained in:
Ernad Husremovic
parent
d1963a3c3a
commit
2d3ee4855a
7430 changed files with 2687981 additions and 2965473 deletions
|
|
@ -1,11 +1,10 @@
|
|||
.o_survey_question_view_form {
|
||||
.o_survey_question_view_form .o_form_renderer {
|
||||
|
||||
.o_preview_questions {
|
||||
border: 3px solid $o-gray-500;
|
||||
border: 3px solid $gray-400;
|
||||
width: auto;
|
||||
padding: 10px 20px 10px;
|
||||
margin-top: 15px;
|
||||
color: $o-gray-500;
|
||||
}
|
||||
|
||||
.o_preview_questions .o_datetime {
|
||||
|
|
@ -23,4 +22,10 @@
|
|||
.o_preview_questions_choice {
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.o_survey_question_validation_parameters {
|
||||
> div, input.o_survey_question_validation_inline {
|
||||
width: 45% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -235,13 +235,14 @@
|
|||
padding-left: 10mm;
|
||||
right: 35mm;
|
||||
}
|
||||
|
||||
.certification-number {
|
||||
bottom: -15mm;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.certification-number {
|
||||
width: 40mm;
|
||||
bottom: 5mm;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,3 +5,7 @@
|
|||
.o_survey_form {
|
||||
--SurveyForm__section-background-color: #{$o-gray-300};
|
||||
}
|
||||
|
||||
.o_survey_sample_card {
|
||||
--SurveySampleCard-background-hover: #{$o-gray-300};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// KANBAN VIEW
|
||||
.o_survey_survey_view_kanban {
|
||||
.o_survey_view_kanban_view .o_kanban_renderer {
|
||||
// Common: left semi-trophy icon for certifications
|
||||
.o_survey_kanban_card_certification {
|
||||
background-image:
|
||||
|
|
@ -13,13 +13,17 @@
|
|||
|
||||
// Grouped / Ungrouped sections hidding
|
||||
&.o_kanban_grouped {
|
||||
.o_survey_kanban_card_ungrouped {
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
&.o_kanban_ungrouped {
|
||||
.o_survey_kanban_card_grouped {
|
||||
display:none !important;
|
||||
.row > div {
|
||||
flex: 1 1 100% !important;
|
||||
max-width: 100% !important;
|
||||
padding-left: 0 !important;
|
||||
&.col-6 {
|
||||
flex: 1 1 50% !important;
|
||||
max-width: 50% !important;
|
||||
}
|
||||
&.d-none {
|
||||
display: none !important; //forcing the d-none to override the d-lg or d-sm classes for grouped view
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -30,19 +34,15 @@
|
|||
.o_kanban_record {
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.o_survey_kanban_card {
|
||||
border-top: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Grouped specific
|
||||
&.o_kanban_grouped {
|
||||
// Set a minimal height otherwise display may have different card sized
|
||||
.o_survey_kanban_card_grouped {
|
||||
& > .row {
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
// Due to activity widget crashing if present twice, have to set absolute and tweak
|
||||
.o_survey_kanban_card_bottom {
|
||||
position: absolute;
|
||||
|
|
@ -54,10 +54,8 @@
|
|||
// Ungrouped specific
|
||||
&.o_kanban_ungrouped {
|
||||
// Set a minimal height otherwise display may have different card sized
|
||||
.o_survey_kanban_card_ungrouped {
|
||||
&.row {
|
||||
.o_survey_kanban_card > div.row {
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
// Left semi-trophy icon for certifications: tweak display for list view
|
||||
|
|
@ -71,64 +69,25 @@
|
|||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 19px;
|
||||
@include media-breakpoint-down(lg) {
|
||||
bottom: 19px;
|
||||
right: 0;
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// RIBBON: Kanban specific
|
||||
// Ungrouped specific
|
||||
.o_survey_kanban_card_ungrouped {
|
||||
.o_survey_kanban_card {
|
||||
.ribbon {
|
||||
// Desktop: finishes on next kanban card line
|
||||
height: 100px;
|
||||
width: 125px;
|
||||
--Ribbon-wrapper-width: 6rem;
|
||||
|
||||
// Mobile: is in a corner, takes more place
|
||||
@include media-breakpoint-down(md) {
|
||||
height: 100px;
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
&-top-right {
|
||||
top: 25px;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
& span {
|
||||
left: 26px;
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
& span {
|
||||
font-size: 0.9rem;
|
||||
width: 130px;
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Grouped specific
|
||||
.o_survey_kanban_card_grouped {
|
||||
.ribbon {
|
||||
height: 90px;
|
||||
width: 98px;
|
||||
|
||||
&-top-right {
|
||||
margin-top: -$o-kanban-inside-vgutter;
|
||||
right: 0;
|
||||
|
||||
& span {
|
||||
left: -8px;
|
||||
top: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
& span {
|
||||
font-size: 1rem;
|
||||
width: 150px;
|
||||
height: 32px;
|
||||
padding: 0 8px;
|
||||
--Ribbon-wrapper-width: 6.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -140,11 +99,19 @@
|
|||
background-color: var(--SurveyForm__section-background-color, #DDD);
|
||||
border-top: 1px solid #BBB;
|
||||
border-bottom: 1px solid #BBB;
|
||||
|
||||
|
||||
> td {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
.o_survey_form table.o_section_list_view tr.o_data_row.o_is_section {
|
||||
&:hover i {
|
||||
visibility: visible;
|
||||
}
|
||||
&:not(:hover) i {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
// TOOLS
|
||||
.icon_rotates {
|
||||
|
|
@ -152,28 +119,16 @@
|
|||
}
|
||||
|
||||
/* Style of the tiles allowing the user to load a sample survey. */
|
||||
.o_survey_sample_tile {
|
||||
max-width: 150px;
|
||||
height: 150px;
|
||||
.o_survey_sample_tile_cover {
|
||||
display: none;
|
||||
overflow-y: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
&:hover {
|
||||
.o_survey_sample_tile_cover {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
&::before, &::after {
|
||||
content: '';
|
||||
}
|
||||
&::before {
|
||||
margin-top: auto;
|
||||
}
|
||||
&::after {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.o_survey_sample_card:hover {
|
||||
background: var(--SurveySampleCard-background-hover, #{$o-gray-200});
|
||||
}
|
||||
|
||||
.o_form_label.o_form_label_readonly.o_survey_label_survey_start_url{
|
||||
opacity: 100;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.o_nocontent_help:has(.o_survey_load_sample) {
|
||||
max-width: unset !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -131,12 +131,6 @@ _::-webkit-full-page-media, _:future, :root .o_survey_wrap {
|
|||
}
|
||||
}
|
||||
|
||||
.o_survey_form_date [data-toggle="datetimepicker"] {
|
||||
right: 0;
|
||||
bottom: 5px;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
.o_survey_choice_btn {
|
||||
transition: background-color 0.3s ease;
|
||||
flex: 1 0 300px;
|
||||
|
|
@ -148,16 +142,13 @@ _::-webkit-full-page-media, _:future, :root .o_survey_wrap {
|
|||
i {
|
||||
top: 0px;
|
||||
font-size: large;
|
||||
&.fa-check-circle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.o_survey_selected i {
|
||||
&.o_survey_selected i.fa-circle-thin,
|
||||
&.o_survey_selected i.fa-square-o,
|
||||
&:not(.o_survey_selected) i.fa-check-circle,
|
||||
&:not(.o_survey_selected) i.fa-check-square {
|
||||
display: none;
|
||||
&.fa-check-circle {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -165,20 +156,6 @@ _::-webkit-full-page-media, _:future, :root .o_survey_wrap {
|
|||
font-weight: 300;
|
||||
}
|
||||
|
||||
.o_survey_page_per_question.o_survey_simple_choice.o_survey_minimized_display,
|
||||
.o_survey_page_per_question.o_survey_multiple_choice.o_survey_minimized_display,
|
||||
.o_survey_page_per_question.o_survey_numerical_box,
|
||||
.o_survey_page_per_question.o_survey_date,
|
||||
.o_survey_page_per_question.o_survey_datetime {
|
||||
// 'pixel perfect' layouting for choice questions having less than 5 choices in page_per_question mode
|
||||
// we use media queries instead of bootstrap classes because they don't provide everything needed here
|
||||
@media (min-width: 768px) {
|
||||
width: 50%;
|
||||
position: relative;
|
||||
left: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
.o_survey_question_matrix {
|
||||
td {
|
||||
min-width: 100px;
|
||||
|
|
@ -309,15 +286,41 @@ _::-webkit-full-page-media, _:future, :root .o_survey_wrap {
|
|||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.o_survey_main_title_fade {
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
/**********************************************************
|
||||
Survey Session Specific Style
|
||||
**********************************************************/
|
||||
|
||||
.o_survey_session_open {
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
@include o-position-absolute($top:0, $bottom: 0);
|
||||
}
|
||||
|
||||
.o_survey_session_open_header {
|
||||
backdrop-filter: blur(10px);
|
||||
--o_survey_session_title_font-size: 3rem;
|
||||
--o_survey_session_qrcode_width: 200px;
|
||||
|
||||
.o_survey_session_open_description {
|
||||
max-height: calc(var(--o_survey_session_qrcode_width) - (var(--o_survey_session_title_font-size) * #{$headings-line-height}));
|
||||
}
|
||||
|
||||
.o_survey_session_qrcode {
|
||||
border: 10px solid $white;
|
||||
width: var(--o_survey_session_qrcode_width);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.o_survey_session_manage {
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
h1, .o_survey_session_attendees_count {
|
||||
font-size: 3rem; // --o_survey_session_title_font-size
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
|
@ -329,9 +332,16 @@ _::-webkit-full-page-media, _:future, :root .o_survey_wrap {
|
|||
padding: 1rem;
|
||||
top: calc(50% - 0.5rem);
|
||||
cursor: pointer;
|
||||
max-width: 10%;
|
||||
|
||||
&.o_survey_session_navigation_next {
|
||||
right: 1rem;
|
||||
border: 2px solid #35979c;
|
||||
border-radius: 5px;
|
||||
|
||||
&:hover {
|
||||
border-color: #2a797c;
|
||||
}
|
||||
}
|
||||
|
||||
&.o_survey_session_navigation_previous {
|
||||
|
|
@ -457,6 +467,12 @@ _::-webkit-full-page-media, _:future, :root .o_survey_wrap {
|
|||
**********************************************************/
|
||||
|
||||
.o_survey_print {
|
||||
@media print {
|
||||
// force to print background-images to render the answers green/red/gray background
|
||||
-webkit-print-color-adjust: exact !important; /* Chrome, Safari */
|
||||
print-color-adjust: exact !important; /*Firefox*/
|
||||
}
|
||||
|
||||
.o_survey_choice_btn {
|
||||
background-color: $gray-500;
|
||||
border-color: transparent;
|
||||
|
|
@ -472,7 +488,7 @@ _::-webkit-full-page-media, _:future, :root .o_survey_wrap {
|
|||
background-color: $gray-600;
|
||||
opacity: 1;
|
||||
}
|
||||
i.fa-circle-thin {
|
||||
i.fa-circle-thin, i.fa-square-o {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,10 +12,53 @@
|
|||
html {
|
||||
height: unset;
|
||||
}
|
||||
@page {
|
||||
size: portrait; // force paper orientation to portrait
|
||||
margin: auto 0; // force default left/rigth margins so elements (e.g.: graphs) are centered in the page
|
||||
}
|
||||
.o_frontend_to_backend_nav {
|
||||
display: none !important;
|
||||
}
|
||||
.o_survey_brand_message {
|
||||
border: none !important;
|
||||
}
|
||||
.o_survey_result {
|
||||
// force to print background-images to render the leaderboard bar
|
||||
-webkit-print-color-adjust: exact !important; /* Chrome, Safari */
|
||||
print-color-adjust: exact !important; /*Firefox*/
|
||||
canvas {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.o_survey_question_page {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
.o_survey_results_question_wrapper {
|
||||
.o_survey_results_question_header, .o_survey_question_description {
|
||||
page-break-inside: avoid;
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
.o_survey_results_question_wrapper:has(div.collapsed) {
|
||||
display: none !important;
|
||||
}
|
||||
.o_survey_results_table_wrapper {
|
||||
height: auto !important;
|
||||
}
|
||||
table {
|
||||
overflow: visible !important;
|
||||
thead {
|
||||
display: table-row-group;
|
||||
}
|
||||
tbody {
|
||||
tr {
|
||||
break-inside: avoid;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.o_survey_results_topbar {
|
||||
border: 1px solid rgba(0, 0, 0, 0.125);
|
||||
|
||||
.nav-item.dropdown a {
|
||||
min-width: 13em;
|
||||
|
|
@ -69,6 +112,17 @@
|
|||
}
|
||||
|
||||
.o_survey_results_question {
|
||||
.o_survey_results_question_header {
|
||||
.nav .btn:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
div[aria-expanded="true"] i.fa-caret-right {
|
||||
display: none;
|
||||
}
|
||||
div[aria-expanded="false"] i.fa-caret-down {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.o_survey_results_question_pill {
|
||||
.only_right_radius {
|
||||
border-radius: 0 2em 2em 0;
|
||||
|
|
@ -77,18 +131,49 @@
|
|||
border-radius: 2em 0 0 2em;
|
||||
}
|
||||
}
|
||||
.o_survey_answer_image{
|
||||
cursor: zoom-in;
|
||||
&:hover {
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 5px 2px grey;
|
||||
}
|
||||
}
|
||||
.o_survey_answer i {
|
||||
padding:3px;
|
||||
cursor:pointer;
|
||||
|
||||
&.o_survey_answer_matrix_whitespace {
|
||||
padding-right:18px;
|
||||
padding-right: 16px;
|
||||
cursor:default;
|
||||
}
|
||||
}
|
||||
.collapse:not(.show) {
|
||||
display: none !important;
|
||||
}
|
||||
.nav-tabs .nav-link.active {
|
||||
background-color: transparent;
|
||||
border-color: #DEE2E6;
|
||||
font-weight: bold;
|
||||
}
|
||||
table {
|
||||
font-size: 1rem;
|
||||
&.o_survey_results_table_indexed {
|
||||
td:first-child {
|
||||
width: 7%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.o_survey_no_answers::before {
|
||||
width: 120px;
|
||||
height: 80px;
|
||||
background: transparent url(/web/static/img/empty_folder.svg) no-repeat center;
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 20px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
z-index: 1;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue