fix: expand button styles and spacing in query report filters
This commit is contained in:
parent
353cdeb206
commit
f38424c09c
4 changed files with 10 additions and 4 deletions
|
|
@ -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();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -71,6 +71,8 @@ body {
|
|||
-moz-appearance: none;
|
||||
/* for Chrome */
|
||||
-webkit-appearance: none;
|
||||
|
||||
padding-right: 28px;
|
||||
}
|
||||
|
||||
.select-icon {
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
.page-form {
|
||||
.form-group {
|
||||
padding: 0px var(--padding-sm);
|
||||
padding: 0px 16px 0px 0px;
|
||||
margin: var(--margin-sm) 0px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue