Skip to content

Commit cbeaec0

Browse files
sadakchapmtrezza
andauthored
Improve ui for array of pointer field (#1776)
* improve ui for array of pointer field * Updated changelog.md * Update CHANGELOG.md Co-authored-by: Manuel <[email protected]>
1 parent 1603be9 commit cbeaec0

File tree

3 files changed

+13
-4
lines changed

3 files changed

+13
-4
lines changed

CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
- fix: date cell value not selected on double clicks (fn-faisal) [#1730](https://github.com/parse-community/parse-dashboard/pull/1730)
1212

1313
## Fixes
14+
- Fixed UI for a field containing an array of pointers (Prerna Mehra) [#1776](https://github.com/parse-community/parse-dashboard/pull/1776)
1415
- Fixed bug when editing or copying a field containing an array of pointers [#1770](https://github.com/parse-community/parse-dashboard/issues/1770) (Prerna Mehra) [#1771](https://github.com/parse-community/parse-dashboard/pull/1771)
1516

1617
# 2.2.0

src/components/BrowserCell/BrowserCell.react.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -281,12 +281,12 @@ export default class BrowserCell extends Component {
281281
/>
282282
);
283283
});
284-
content = <ul>
285-
{ array.map( a => <li>{a}</li>) }
284+
content = <ul className={styles.hasMore}>
285+
{array.map( a => <li>{a}</li>)}
286286
</ul>
287287
this.copyableValue = JSON.stringify(value);
288288
if ( array.length > 1 ) {
289-
classes.push(styles.hasMore);
289+
classes.push(styles.removePadding);
290290
}
291291
}
292292
else {

src/components/BrowserCell/BrowserCell.scss

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,11 +40,19 @@
4040
height: auto;
4141
max-height: 25px;
4242
overflow-y: scroll;
43+
padding-right: 3px;
44+
& > li {
45+
margin-bottom: 2px;
46+
}
47+
}
48+
49+
.removePadding {
50+
padding-right: 3px !important;
4351
}
4452

4553
.hasMore::-webkit-scrollbar {
4654
-webkit-appearance: none!important;
47-
width: 7px!important;
55+
width: 6px!important;
4856
}
4957

5058
.hasMore::-webkit-scrollbar-thumb {

0 commit comments

Comments
 (0)