haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-06-24 14:12:03 +00:00
Code Issues Releases Wiki Activity

optimize code (#7503)

Browse Source
This commit is contained in:
杨顺强 2025-02-24 10:55:17 +08:00 committed by GitHub
parent 175803baba
commit bdc9aa24ec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/markdown-editor/css/header-toolbar.css
View File

@ -64,5 +64,11 @@
cursor: default; cursor: default;
} }
.sf-md-viewer-topbar .sf-md-header-more-tool {
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #666;
}

8
frontend/src/pages/markdown-editor/css/markdown-editor.css
View File

@ -12,11 +12,11 @@ html, body, #root {
.sf-md-viewer-topbar-first, .sf-md-viewer-topbar-first,
.sf-md-viewer-topbar-first-narrow { .sf-md-viewer-topbar-first-narrow {
padding: 4px 10px; padding: 0 16px;
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
box-shadow: 0 3px 2px -2px rgba(200,200,200,.15); box-shadow: 0 3px 2px -2px rgba(200, 200, 200, .15);
flex-shrink:0; flex-shrink: 0;
align-items: center; align-items: center;
} }
@ -25,6 +25,7 @@ html, body, #root {
display: none !important; display: none !important;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.sf-md-viewer-topbar-first-narrow { .sf-md-viewer-topbar-first-narrow {
display: none !important; display: none !important;
@ -40,6 +41,7 @@ html, body, #root {
*/ */
user-select: text; user-select: text;
} }
.topbar-file-info .file-title { .topbar-file-info .file-title {
font-size: 1.2rem; font-size: 1.2rem;
font-weight: bold; font-weight: bold;

4
frontend/src/pages/markdown-editor/header-toolbar/more-menu.js
View File

@ -51,8 +51,8 @@ class MoreMenu extends React.PureComponent {
const isSmall = this.props.isSmallScreen; const isSmall = this.props.isSmallScreen;
return ( return (
<Dropdown isOpen={this.state.dropdownOpen} toggle={this.dropdownToggle} direction="down"> <Dropdown isOpen={this.state.dropdownOpen} toggle={this.dropdownToggle} direction="down">
<DropdownToggle tag="span" id="moreButton" aria-label={gettext('More operations')}> <DropdownToggle className='sf-md-header-more-tool' tag="span" id="moreButton" aria-label={gettext('More operations')}>
<Icon symbol="more-vertical" /> <Icon symbol="more-level" />
<Tooltip toggle={this.tooltipToggle} delay={{ show: 0, hide: 0 }} target="moreButton" placement='bottom' isOpen={this.state.tooltipOpen}>{gettext('More')} <Tooltip toggle={this.tooltipToggle} delay={{ show: 0, hide: 0 }} target="moreButton" placement='bottom' isOpen={this.state.tooltipOpen}>{gettext('More')}
</Tooltip> </Tooltip>
</DropdownToggle> </DropdownToggle>