Get nm filters into full width for mobile template

This commit is contained in:
Hadi Nategh 2022-09-19 16:50:26 +02:00
parent c703a4eaa3
commit b1fcf5cb99
2 changed files with 27 additions and 39 deletions

View File

@ -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;
}

View File

@ -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 {