haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-31 22:54:11 +00:00
Code Issues Releases Wiki Activity

12.0 change dropdown menu style (#6227)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/toolbar/dir-operation-toolbar.js
View File

@@ -236,7 +236,7 @@ class DirOperationToolbar extends React.Component {
{this.props.children}
<i className="sf3-font-drop-down sf3-font ml-1 path-item-dropdown-toggle"></i>
</DropdownToggle>
<DropdownMenu onMouseMove={this.onDropDownMouseMove} style={{'width': '200px'}}>
<DropdownMenu onMouseMove={this.onDropDownMouseMove}>
{opList.map((item, index)=> {
if (item == 'Divider') {
return <DropdownItem key={index} divider />;
@@ -252,7 +252,7 @@ class DirOperationToolbar extends React.Component {
>
<DropdownToggle
caret
className="dropdown-item font-weight-normal rounded-0 d-flex align-items-center pr-2"
className="dropdown-item font-weight-normal rounded-0 d-flex align-items-center"
onMouseEnter={this.toggleSubMenuShown.bind(this, item)}
>
<i className={`sf3-font-${item.icon} sf3-font mr-2 dropdown-item-icon`}></i>

2
frontend/src/components/toolbar/single-dropdown-toolbar.js
View File

@@ -46,7 +46,7 @@ class SingleDropdownToolbar extends React.Component {
data-toggle="dropdown"
>
</DropdownToggle>
<DropdownMenu style={{'width': '200px'}}>
<DropdownMenu>
{opList.map((item, index)=> {
if (item == 'Divider') {
return <DropdownItem key={index} divider />;

4
frontend/src/components/toolbar/view-file-toolbar.js
View File

@@ -158,7 +158,7 @@ class ViewFileToolbar extends React.Component {
{this.props.children}
<i className="sf3-font-drop-down sf3-font ml-1 path-item-dropdown-toggle"></i>
</DropdownToggle>
<DropdownMenu onMouseMove={this.onDropDownMouseMove} style={{'width': '200px'}}>
<DropdownMenu onMouseMove={this.onDropDownMouseMove}>
{opList.map((item, index)=> {
if (item == 'Divider') {
return <DropdownItem key={index} divider />;
@@ -174,7 +174,7 @@ class ViewFileToolbar extends React.Component {
>
<DropdownToggle
caret
className="dropdown-item font-weight-normal rounded-0 d-flex align-items-center pr-2"
className="dropdown-item font-weight-normal rounded-0 d-flex align-items-center"
onMouseEnter={this.toggleSubMenuShown.bind(this, item)}
>
<i className={`sf3-font-${item.icon} sf3-font mr-2 dropdown-item-icon`}></i>