fix: expand button styles and spacing in query report filters

This commit is contained in:
Saqib Ansari 2026-01-01 16:16:00 +05:30
parent 353cdeb206
commit f38424c09c
4 changed files with 10 additions and 4 deletions

View file

@ -641,11 +641,15 @@ frappe.views.QueryReport = class QueryReport extends frappe.views.BaseList {
const me = this;
let filter_no = this.filter_row_length - 1;
if (this.filters[filter_no]) {
this.$collapse_button = $(`<div>${frappe.utils.icon("chevron-down", "md")}</div>`);
this.$collapse_button = $(`<div>${frappe.utils.icon("chevron-down")}</div>`);
$(this.filters[filter_no].wrapper).append(this.$collapse_button);
$(this.filters[filter_no].wrapper).css("display", "flex");
$(this.filters[filter_no].wrapper).css("align-items", "center");
$(this.filters[filter_no].wrapper).css("gap", "5px");
$(this.filters[filter_no].wrapper).css("gap", "16px");
this.$collapse_button.addClass("btn");
this.$collapse_button.addClass("btn-xs");
this.$collapse_button.addClass("btn-secondary");
this.$collapse_button.on("click", function () {
me.toggle_filter_visiblity();
});

View file

@ -6,7 +6,7 @@
.btn {
border: none;
&:not(.btn-md):not(.btn-lg) {
&:not(.btn-md):not(.btn-lg):not(.btn-xs) {
padding: 4px 8px;
}
border-radius: var(--border-radius);

View file

@ -71,6 +71,8 @@ body {
-moz-appearance: none;
/* for Chrome */
-webkit-appearance: none;
padding-right: 28px;
}
.select-icon {

View file

@ -6,7 +6,7 @@
.page-form {
.form-group {
padding: 0px var(--padding-sm);
padding: 0px 16px 0px 0px;
margin: var(--margin-sm) 0px;
}
}