haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-07-15 16:04:01 +00:00
Code Issues Releases Wiki Activity

Style: update the header-toolbar UI (#6699)

Browse Source
This commit is contained in:
Stephen 2024-09-06 16:37:12 +08:00 committed by GitHub
parent 2dc8e43e27
commit fe4fc9f3fe
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,11 +5,13 @@
.seafile-btn-view-review .tag:hover {
cursor: pointer;
background-color: #EFEFEF;
}
.topbar-btn-container {
display: flex;
align-items: center;
flex-shrink: 0;
}
.seafile-btn-add-review {
@ -21,13 +23,46 @@
}
.sf-md-viewer-topbar .btn {
color: #666;
color: #212529;
border: none !important;
font-size: .9375rem;
height: 28px;
width: 28px;
min-width: 0;
padding-left: 7px;
padding-top: 0;
border-radius: 3px !important;
margin-right: 10px;
}
.collab-users-dropdown.dropdown {
margin-right: 6px;
}
.btn-active[data-active=true] {
.btn-active[data-active=true]#saveButton {
color: #eb8205;
}
.sf-md-viewer-topbar .btn:focus,
.sf-md-viewer-topbar .btn:active {
box-shadow: none !important;
background-color: #EFEFEF;
}
.sf-md-viewer-topbar .btn:hover {
background-color: #EFEFEF;
}
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active {
background-color: #EFEFEF;
}
.btn-active[data-active=false]#saveButton:hover {
background-color: #fff;
cursor: default;
}

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

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