From 3a63075a3903cf8d3f399ca672eb7d74a56df91c Mon Sep 17 00:00:00 2001 From: MohamedGad100 Date: Wed, 14 Aug 2024 16:23:50 +0300 Subject: [PATCH] customized filter and group by and fav options on mobile view --- .../src/scss/mobile_view_customization.css | 54 +++++++++ .../scss/mobile_view_customization.css.map | 1 + .../src/scss/mobile_view_customization.scss | 108 ++++++++++++++++++ .../odex25_web/views/webclient_templates.xml | 3 +- 4 files changed, 165 insertions(+), 1 deletion(-) create mode 100644 odex25_base/odex25_web/static/src/scss/mobile_view_customization.css create mode 100644 odex25_base/odex25_web/static/src/scss/mobile_view_customization.css.map create mode 100644 odex25_base/odex25_web/static/src/scss/mobile_view_customization.scss diff --git a/odex25_base/odex25_web/static/src/scss/mobile_view_customization.css b/odex25_base/odex25_web/static/src/scss/mobile_view_customization.css new file mode 100644 index 000000000..897fd3b0f --- /dev/null +++ b/odex25_base/odex25_web/static/src/scss/mobile_view_customization.css @@ -0,0 +1,54 @@ +@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px) { + .o_action_manager .o_action .o_control_panel .o_cp_top .o_cp_top_left { + width: 30% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_top .o_cp_top_right { + width: 70% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_left { + width: 30% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right { + width: 70% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_filter_menu button, .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_group_by_menu button, .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_favorite_menu button { + padding: 7px 0px !important; + margin-inline-end: 10px; + } +} +@media screen and (max-width: 699px) and (max-device-height: 550px) { + .o_action_manager .o_action .o_control_panel .o_cp_top .o_cp_top_left { + width: 30% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_top .o_cp_top_right { + width: 70% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_left { + width: 30% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right { + width: 70% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_filter_menu button, .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_group_by_menu button, .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_favorite_menu button { + padding: 7px 0px !important; + margin-inline-end: 10px; + } +} +@media screen and (max-width: 699px) and (max-device-height: 319px) { + .o_action_manager .o_action .o_control_panel .o_cp_top .o_cp_top_left { + width: 30% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_top .o_cp_top_right { + width: 70% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_left { + width: 30% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right { + width: 70% !important; + } + .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_filter_menu button, .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_group_by_menu button, .o_action_manager .o_action .o_control_panel .o_cp_bottom .o_cp_bottom_right .o_search_options .o_favorite_menu button { + padding: 7px 0px !important; + margin-inline-end: 10px; + } +}/*# sourceMappingURL=mobile_view_customization.css.map */ \ No newline at end of file diff --git a/odex25_base/odex25_web/static/src/scss/mobile_view_customization.css.map b/odex25_base/odex25_web/static/src/scss/mobile_view_customization.css.map new file mode 100644 index 000000000..1c0faed67 --- /dev/null +++ b/odex25_base/odex25_web/static/src/scss/mobile_view_customization.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["mobile_view_customization.scss","mobile_view_customization.css"],"names":[],"mappings":"AAUA;EAKoB;IACI,qBAAA;ECbtB;EDekB;IACI,qBAAA;ECbtB;EDiBkB;IACI,qBAAA;ECftB;EDiBkB;IACI,qBAAA;ECftB;EDkB8B;IACI,2BAAA;IACA,uBAAA;EChBlC;AACF;AD0BA;EAKoB;IACI,qBAAA;EC5BtB;ED8BkB;IACI,qBAAA;EC5BtB;EDgCkB;IACI,qBAAA;EC9BtB;EDgCkB;IACI,qBAAA;EC9BtB;EDiC8B;IACI,2BAAA;IACA,uBAAA;EC/BlC;AACF;ADyCA;EAKoB;IACI,qBAAA;EC3CtB;ED6CkB;IACI,qBAAA;EC3CtB;ED+CkB;IACI,qBAAA;EC7CtB;ED+CkB;IACI,qBAAA;EC7CtB;EDgD8B;IACI,2BAAA;IACA,uBAAA;EC9ClC;AACF","file":"mobile_view_customization.css"} \ No newline at end of file diff --git a/odex25_base/odex25_web/static/src/scss/mobile_view_customization.scss b/odex25_base/odex25_web/static/src/scss/mobile_view_customization.scss new file mode 100644 index 000000000..035776e73 --- /dev/null +++ b/odex25_base/odex25_web/static/src/scss/mobile_view_customization.scss @@ -0,0 +1,108 @@ +@media screen and (max-width: 319px){} + +@media screen and (min-width: 320px) and (max-width: 420px){} + +@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){} + +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){} + +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){} + +@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){ + .o_action_manager{ + .o_action{ + .o_control_panel{ + .o_cp_top{ + .o_cp_top_left{ + width: 30%!important; + } + .o_cp_top_right{ + width: 70%!important; + } + } + .o_cp_bottom{ + .o_cp_bottom_left{ + width: 30%!important; + } + .o_cp_bottom_right{ + width: 70%!important; + .o_search_options{ + .o_filter_menu, .o_group_by_menu, .o_favorite_menu{ + button{ + padding: 7px 0px!important; + margin-inline-end: 10px; + } + } + } + } + } + } + } + } +} + +@media screen and (max-width: 699px) and (max-device-height: 550px){ + .o_action_manager{ + .o_action{ + .o_control_panel{ + .o_cp_top{ + .o_cp_top_left{ + width: 30%!important; + } + .o_cp_top_right{ + width: 70%!important; + } + } + .o_cp_bottom{ + .o_cp_bottom_left{ + width: 30%!important; + } + .o_cp_bottom_right{ + width: 70%!important; + .o_search_options{ + .o_filter_menu, .o_group_by_menu, .o_favorite_menu{ + button{ + padding: 7px 0px!important; + margin-inline-end: 10px; + } + } + } + } + } + } + } + } +} + +@media screen and (max-width: 699px) and (max-device-height: 319px){ + .o_action_manager{ + .o_action{ + .o_control_panel{ + .o_cp_top{ + .o_cp_top_left{ + width: 30%!important; + } + .o_cp_top_right{ + width: 70%!important; + } + } + .o_cp_bottom{ + .o_cp_bottom_left{ + width: 30%!important; + } + .o_cp_bottom_right{ + width: 70%!important; + .o_search_options{ + .o_filter_menu, .o_group_by_menu, .o_favorite_menu{ + button{ + padding: 7px 0px!important; + margin-inline-end: 10px; + } + } + } + } + } + } + } + } +} \ No newline at end of file diff --git a/odex25_base/odex25_web/views/webclient_templates.xml b/odex25_base/odex25_web/views/webclient_templates.xml index 3b67471c9..cd8e1a795 100644 --- a/odex25_base/odex25_web/views/webclient_templates.xml +++ b/odex25_base/odex25_web/views/webclient_templates.xml @@ -67,7 +67,8 @@ - + +