ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2025-12-24 23:20:00 +00:00
Code Issues Projects Releases Wiki Activity

fix: fix filter-editor style (#1114)

Browse Source 
Include before/after visuals or gifs if this PR includes visual changes.

### Before

![image](https://github.com/user-attachments/assets/84377ff4-f887-45c4-8424-d76d8724f79e)


### After

![image](https://github.com/user-attachments/assets/4e77bc54-a061-4474-b53f-d91677528336)

---------

Co-authored-by: Harel M <harel.mazor@gmail.com>
This commit is contained in:
BlackGanglion
2025-03-28 21:33:46 +08:00
committed by GitHub
parent d0e160f71a
commit d691d49538
2 changed files with 10 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/FilterEditorBlock.tsx
View File

@@ -11,6 +11,9 @@ class FilterEditorBlockInternal extends React.Component<FilterEditorBlockInterna
render() {
const t = this.props.t;
return <div className="maputnik-filter-editor-block">
<div className="maputnik-filter-editor-block-content">
{this.props.children}
</div>
<div className="maputnik-filter-editor-block-action">
<InputButton
className="maputnik-delete-filter"
@@ -20,9 +23,6 @@ class FilterEditorBlockInternal extends React.Component<FilterEditorBlockInterna
<MdDelete />
</InputButton>
</div>
<div className="maputnik-filter-editor-block-content">
{this.props.children}
</div>
</div>
}
}

29
src/styles/_filtereditor.scss
View File

@@ -14,26 +14,18 @@
color: vars.$color-lowgray;
}
.maputnik-filter-editor-property {
display: inline-block;
width: 25%;
.maputnik-filter-editor-single {
display: flex;
column-gap: 6px;
}
.maputnik-filter-editor-operator {
margin: 0 2%;
display: inline-block;
width: 17%;
.maputnik-select {
width: 100%;
}
}
.maputnik-filter-editor-args {
display: inline-block;
width: 54%;
margin: 0 2%;
.maputnik-string,
.maputnik-number {
width: 100%;
@@ -67,17 +59,10 @@
@extend .maputnik-icon-button !optional; /* stylelint-disable-line */
}
.maputnik-filter-editor-block-action {
margin-top: vars.$margin-2;
margin-bottom: vars.$margin-2;
display: inline-block;
width: 6%;
margin-right: 1.5%;
}
.maputnik-filter-editor-block-content {
display: inline-block;
width: 92.5%;
.maputnik-filter-editor-block {
display: flex;
column-gap: 6px;
margin-bottom: 2px;
}
.maputnik-radio-as-button {