haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-07-18 17:22:05 +00:00
Code Issues Releases Wiki Activity

change toolbar background color (#6310)

Browse Source
This commit is contained in:
Michael An 2024-07-08 10:34:05 +08:00 committed by GitHub
parent e9b31291fe
commit f5d33ba65d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 52 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dialog/extra-metadata-attributes-dialog/index.js
View File

@ -96,7 +96,7 @@ class ExtraMetadataAttributesDialog extends Component {
updateData = (update, column) => { updateData = (update, column) => {
const newRow = { ...this.state.row, ...update }; const newRow = { ...this.state.row, ...update };
this.setState({ row: newRow }, () => { this.setState({ row: newRow }, () => {
const { repoID, filePath } = this.props; const { repoID } = this.props;
let newValue = update[column.key]; let newValue = update[column.key];
let recordID = this.state.row._id; let recordID = this.state.row._id;

3
frontend/src/css/layout.css
View File

@ -52,9 +52,8 @@
padding: .5rem 1rem; padding: .5rem 1rem;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
background: #fff; background-color: #F8FAFD;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
box-shadow: 0 2px 4px rgba(0,0,0, 10%);
z-index: 100; z-index: 100;
} }

2
frontend/src/css/lib-content-view.css
View File

@ -196,7 +196,7 @@
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
border-radius: 50%; border-radius: 50%;
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
user-select: none; user-select: none;
border: none; border: none;
right: 10px; right: 10px;

89
frontend/src/css/react-context-menu.css
View File

@ -1,78 +1,75 @@
.react-contextmenu { .react-contextmenu {
min-width: 160px; min-width: 160px;
padding: 5px 0; padding: 5px 0;
margin: 2px 0 0; margin: 2px 0 0;
font-size: 16px; font-size: 16px;
color: #373a3c; color: #373a3c;
text-align: left; text-align: left;
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15); border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem; border-radius: .25rem;
outline: none; outline: none;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity 250ms ease !important; transition: opacity 250ms ease !important;
} }
.react-contextmenu.react-contextmenu--visible { .react-contextmenu.react-contextmenu--visible {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
.react-contextmenu-item { .react-contextmenu-item {
padding: 3px 20px; padding: 3px 20px;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #373a3c; color: #373a3c;
text-align: inherit; text-align: inherit;
white-space: nowrap; white-space: nowrap;
background: 0 0; background: 0 0;
border: 0; border: 0;
cursor: pointer; cursor: pointer;
} }
.react-contextmenu-item.react-contextmenu-item--active, .react-contextmenu-item.react-contextmenu-item--active,
.react-contextmenu-item.react-contextmenu-item--selected { .react-contextmenu-item.react-contextmenu-item--selected {
color: #fff; color: #fff;
background-color: #20a0ff; background-color: #20a0ff;
border-color: #20a0ff; border-color: #20a0ff;
text-decoration: none; text-decoration: none;
} }
.react-contextmenu-item.react-contextmenu-item--disabled, .react-contextmenu-item.react-contextmenu-item--disabled,
.react-contextmenu-item.react-contextmenu-item--disabled:hover { .react-contextmenu-item.react-contextmenu-item--disabled:hover {
color: #878a8c; color: #878a8c;
background-color: transparent; background-color: transparent;
border-color: rgba(0,0,0,.15); border-color: rgba(0, 0, 0, 0.15);
} }
.react-contextmenu-item--divider { .react-contextmenu-item--divider {
margin-bottom: 3px; margin-bottom: 3px;
padding: 2px 0; padding: 2px 0;
border-bottom: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15);
cursor: inherit; cursor: inherit;
} }
.react-contextmenu-item--divider:hover { .react-contextmenu-item--divider:hover {
background-color: transparent; background-color: transparent;
border-color: rgba(0,0,0,.15); border-color: rgba(0, 0, 0, 0.15);
} }
.react-contextmenu-item.react-contextmenu-submenu { .react-contextmenu-item.react-contextmenu-submenu {
padding: 0; padding: 0;
} }
.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item {
}
.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after { .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
content: "▶"; content: "▶";
display: inline-block; display: inline-block;
position: absolute; position: absolute;
right: 7px; right: 7px;
} }
.example-multiple-targets::after { .example-multiple-targets::after {
content: attr(data-count); content: attr(data-count);
display: block; display: block;
} }

15
media/css/seahub.css
View File

@ -1187,18 +1187,15 @@ a.sf-popover-item {
margin:5px -10px; margin:5px -10px;
} }
/********** Container ***********/ /********** Container ***********/
#wrapper {
}
#header { #header {
background:#f4f4f7; background: #F8FAFD;
width:100%; width: 100%;
height:53px; height: 53px;
font-size: 14px; font-size: 14px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
padding:8px 16px 4px; padding: 8px 16px 4px;
/*display:flex;*/ justify-content: space-between;
justify-content:space-between; flex-shrink: 0;
flex-shrink:0;
} }
#wide-panel-noframe { #wide-panel-noframe {
padding-top:16px; padding-top:16px;