1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-26 23:34:45 +00:00

Change modal header button style (#7271)

* 01 remove useless package

* 02 change modal header icons
This commit is contained in:
Michael An
2024-12-27 17:44:13 +08:00
committed by GitHub
parent df825cdc6b
commit 58e9d1423f
15 changed files with 99 additions and 292 deletions

View File

@@ -110,14 +110,22 @@ class UserNotificationsDialog extends React.Component {
aria-expanded={this.state.isItemMenuShow}
className="notification-dropdown-toggle"
>
<span className="sf3-font sf3-font-more item-dropdown-icon"></span>
<button type="button" className="close seahub-modal-btn" aria-label={gettext('More')}>
<span className="seahub-modal-btn-inner">
<i className="sf3-font sf3-font-more" aria-hidden="true"></i>
</span>
</button>
</DropdownToggle>
<DropdownMenu right={true} className="dtable-dropdown-menu large">
<DropdownItem onClick={this.markAllRead}>{gettext('Mark all read')}</DropdownItem>
<DropdownItem onClick={this.clearAll}>{gettext('Clear')}</DropdownItem>
</DropdownMenu>
</Dropdown>
<span className="sf3-font sf3-font-x-01 notification-close-icon" onClick={this.toggle}></span>
<button type="button" className="close seahub-modal-btn" aria-label={gettext('Close')} onClick={this.toggle}>
<span className="seahub-modal-btn-inner">
<i className="sf3-font sf3-font-x-01" aria-hidden="true"></i>
</span>
</button>
</div>
);
};