1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 10:58:33 +00:00

12.0 change dropdown menu style (#6227)

* 01 remove 200px dropdown menu

* 02 change check mark icon className

* 03 change dropdown padding

* 04 change menu min width 200px

* 05 change sort repos dropdown
This commit is contained in:
Michael An
2024-06-19 15:16:54 +08:00
committed by GitHub
parent dfe4278679
commit d722b852fe
20 changed files with 735 additions and 674 deletions

View File

@@ -91,7 +91,7 @@ class CreateTagDialog extends React.Component {
<input name="color" type="radio" value={item} className="colorinput-input" defaultChecked onClick={this.selectTagcolor}></input> :
<input name="color" type="radio" value={item} className="colorinput-input" onClick={this.selectTagcolor}></input>}
<span className="colorinput-color rounded-circle d-flex align-items-center justify-content-center" style={{backgroundColor:item}}>
<i className="fas fa-check color-selected"></i>
<i className="sf2-icon-tick color-selected"></i>
</span>
</label>
</div>

View File

@@ -91,7 +91,7 @@ class TagItem extends React.Component {
<span className="tag-color w-4 h-4 rounded-circle" style={{backgroundColor: repoTag.color}}></span>
<span className="tag-name mx-2">{repoTag.name}</span>
</div>
{isTagSelected && <i className="fas fa-check tag-selected-icon"></i>}
{isTagSelected && <i className="sf2-icon-tick tag-selected-icon"></i>}
</li>
);
}

View File

@@ -88,7 +88,7 @@ class TagColor extends React.Component {
<label className="colorinput">
<input name="color" type="radio" value={item} className="colorinput-input" defaultChecked={item == tagColor} onClick={this.selectTagColor} />
<span className="colorinput-color rounded-circle d-flex align-items-center justify-content-center" style={{backgroundColor: item}}>
<i className="fas fa-check color-selected"></i>
<i className="sf2-icon-tick color-selected"></i>
</span>
</label>
</div>