haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 10:58:33 +00:00
Code Issues Releases Wiki Activity

[single-selector] updated the UI of the dropdown (#5817)

Browse Source
This commit is contained in:
llj
2023-12-08 16:52:37 +08:00
committed by GitHub
parent 8add9696d6
commit f59d76a0ee
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/single-selector.js
View File

@@ -67,10 +67,10 @@ class Selector extends Component {
</span> </span>
{isPopoverOpen && ( {isPopoverOpen && (
<div className="options-container position-absolute rounded shadow mt-1" ref={ref => this.selector = ref}> <div className="options-container position-absolute rounded shadow mt-1" ref={ref => this.selector = ref}>
<ul className="option-list list-unstyled p-3 o-auto"> <ul className="option-list list-unstyled py-3 o-auto">
{options.map((item, index) => { {options.map((item, index) => {
return ( return (
<li key={index} className="option-item h-6 p-1 rounded d-flex justify-content-between align-items-center" onClick={(e) => {this.selectItem(e, item);}}> <li key={index} className="option-item h-6 py-1 px-3 d-flex justify-content-between align-items-center" onClick={(e) => {this.selectItem(e, item);}}>
<span className="option-item-text flex-shrink-0 mr-3">{item.text}</span> <span className="option-item-text flex-shrink-0 mr-3">{item.text}</span>
<i className={`sf2-icon-tick text-gray font-weight-bold ${item.isSelected ? '' : 'invisible'}`}></i> <i className={`sf2-icon-tick text-gray font-weight-bold ${item.isSelected ? '' : 'invisible'}`}></i>
</li> </li>