From b1fcf5cb99f03c284475884318ffae4173dfb4ac Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Mon, 19 Sep 2022 16:50:26 +0200 Subject: [PATCH] Get nm filters into full width for mobile template --- pixelegg/mobile/fw_mobile.css | 48 ++++++++++++++++------------------ pixelegg/mobile/fw_mobile.less | 18 ++++--------- 2 files changed, 27 insertions(+), 39 deletions(-) diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 6145793ed2..3043a85cd9 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -8347,14 +8347,22 @@ table.egwGridView_grid img.et2_appicon { top: 0; flex-direction: column; } - body .et2_nextmatch .nextmatch_header_row div.filtersContainer, - body .et2_nextmatch .nextmatch_header div.filtersContainer { + body .et2_nextmatch .nextmatch_header_row .filtersContainer, + body .et2_nextmatch .nextmatch_header .filtersContainer { width: 100%; margin-top: 50px; flex-direction: column; } - body .et2_nextmatch .nextmatch_header_row select, - body .et2_nextmatch .nextmatch_header select { + body .et2_nextmatch .nextmatch_header_row .filtersContainer et2-select, + body .et2_nextmatch .nextmatch_header .filtersContainer et2-select, + body .et2_nextmatch .nextmatch_header_row .filtersContainer et2-select-cat, + body .et2_nextmatch .nextmatch_header .filtersContainer et2-select-cat { + max-width: 100%; + } + body .et2_nextmatch .nextmatch_header_row et2-select, + body .et2_nextmatch .nextmatch_header et2-select, + body .et2_nextmatch .nextmatch_header_row et2-select-cat, + body .et2_nextmatch .nextmatch_header et2-select-cat { display: block; width: 100%; height: 50px; @@ -8383,16 +8391,16 @@ table.egwGridView_grid img.et2_appicon { height: 50px; font-size: 12pt; } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat { + body .et2_nextmatch .nextmatch_header_row et2-select-cat, + body .et2_nextmatch .nextmatch_header et2-select-cat { height: 50px !important; width: 100% !important; margin: 0; padding-left: 0px; background: white; } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single { + body .et2_nextmatch .nextmatch_header_row et2-select-cat a.chzn-single, + body .et2_nextmatch .nextmatch_header et2-select-cat a.chzn-single { height: 100%; border-right: none; box-shadow: none; @@ -8402,34 +8410,22 @@ table.egwGridView_grid img.et2_appicon { border-left-width: 10px; border-radius: 0; } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single span, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single span { + body .et2_nextmatch .nextmatch_header_row et2-select-cat a.chzn-single span, + body .et2_nextmatch .nextmatch_header et2-select-cat a.chzn-single span { height: 100%; line-height: 46px; color: #26537C; font-size: 12pt; } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single div, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single div { + body .et2_nextmatch .nextmatch_header_row et2-select-cat a.chzn-single div, + body .et2_nextmatch .nextmatch_header et2-select-cat a.chzn-single div { width: 40px; } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single div b, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single div b { + body .et2_nextmatch .nextmatch_header_row et2-select-cat a.chzn-single div b, + body .et2_nextmatch .nextmatch_header et2-select-cat a.chzn-single div b { background: white url(../../api/templates/default/images/arrow_down.svg) no-repeat center !important; background-size: 16px !important; } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop { - width: 100%; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop ul, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop ul { - font-size: 12pt; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop ul li, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop ul li { - line-height: 24px; - } body .et2_nextmatch .nextmatch_header.nm_header_hide { display: none !important; } diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less index d314f3c0ec..3ff0846988 100644 --- a/pixelegg/mobile/fw_mobile.less +++ b/pixelegg/mobile/fw_mobile.less @@ -665,14 +665,15 @@ top:0; flex-direction: column; } - div.filtersContainer { + .filtersContainer { width:100%; margin-top:50px; flex-direction: column; + et2-select, et2-select-cat {max-width: 100%} } background-color: background-color-egw-dark; - select { + et2-select, et2-select-cat { display: block; width: 100%; height: @mobile-elem-height; @@ -700,7 +701,7 @@ } } - .chzn-container.et2_selectbox.select-cat { + et2-select-cat { height: 50px !important; width: 100% !important; margin: 0; @@ -708,7 +709,7 @@ background: white; } - .chzn-container.et2_selectbox.select-cat { + et2-select-cat { a.chzn-single { height: 100%; border-right: none; @@ -732,15 +733,6 @@ } } } - div.chzn-drop { - width: 100%; - ul { - .mob-fontsize-l; - li { - line-height: 24px; - } - } - } } } .nextmatch_header.nm_header_hide {