summaryrefslogtreecommitdiff
path: root/addons/web/static/src
diff options
context:
space:
mode:
authorOdoo's Mergebot <xmo+roboto@odoo.com>2020-01-17 17:24:12 +0100
committerGitHub <noreply@github.com>2020-01-17 17:24:12 +0100
commit7253c339567b1e0b62b8f1e6b0d314af1fe2f4e3 (patch)
tree08cbc6b22e04a1165928d3f7a8d3cb3731616ec6 /addons/web/static/src
parentded9d60986022caf6973e2fbf2b01c3783117db9 (diff)
parentaedeccbeeaafe87ec0f80228a05b45dbc7140f72 (diff)
[MERGE][IMP] survey: redesign frontend views
PURPOSE ========= In 3 words, make survey beautiful. SPECIFICATIONS ============== - Center the question in Question per page mode - When last question or page of the survey, Continue becomes Finish - Add Press key capabilities to speed up the survey completion - ENTER : go to next question (or next page) - A to Z : to select answers in choice and matrix question type (only in question per page mode to avoid mismatch and complexity with multiple questions - New layout for single / multiple choice - Custom radio buttons and checkboxes. Unified style for both except we keep circle icon for simple choice and square icon for multiple choice. - Add a progress bar (2 modes : % and number) - Add Background image - Re-do quiz correction mode that were removed from controller during survey refactoring. - Review breadcrumb style (make it more integrated to the new design) See sub commits for more details. LINKS ===== Follow the survey refactoring done in #42908. Task ID: '2150291' closes odoo/odoo#43237 Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
Diffstat (limited to 'addons/web/static/src')
-rw-r--r--addons/web/static/src/scss/base_frontend.scss15
1 files changed, 15 insertions, 0 deletions
diff --git a/addons/web/static/src/scss/base_frontend.scss b/addons/web/static/src/scss/base_frontend.scss
new file mode 100644
index 00000000000..1175ab2c990
--- /dev/null
+++ b/addons/web/static/src/scss/base_frontend.scss
@@ -0,0 +1,15 @@
+// Frontend general
+#wrapwrap {
+ position: relative;
+ display: flex;
+ flex-flow: column nowrap;
+ width: 100%;
+ min-height: 100%;
+
+ > * {
+ flex: 0 0 auto;
+ }
+ > main {
+ flex: 1 0 auto;
+ }
+}