haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-10-22 03:16:34 +00:00
Code Issues Releases Wiki Activity

style(button): add hover color (#7820)

Browse Source 
* style(button): add hover coloe

* add share button hover
This commit is contained in:
Guodong SU
2025-05-19 10:32:11 +08:00
committed by GitHub
parent 32611c6671
commit 5283335822
4 changed files with 39 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -67,8 +67,13 @@
.sf-md-viewer-topbar .sf-md-header-more-tool { .sf-md-viewer-topbar .sf-md-header-more-tool {
width: 28px; width: 28px;
height: 28px; height: 28px;
border-radius: 3px;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #666; color: #666;
} }
.sf-md-viewer-topbar .sf-md-header-more-tool:hover {
background-color: #EFEFEF;
}

4
frontend/src/pages/sdoc/sdoc-editor/index.css
View File

@@ -11,10 +11,6 @@
line-height: 1.5; line-height: 1.5;
} }
.sdoc-content-right-panel .detail-header .detail-control:hover {
background-color: inherit;
}
.sdoc-content-right-panel .detail-header .seafile-multicolor-icon-set-up, .sdoc-content-right-panel .detail-header .seafile-multicolor-icon-set-up,
.sdoc-content-right-panel .detail-header .seafile-multicolor-icon-ai { .sdoc-content-right-panel .detail-header .seafile-multicolor-icon-ai {
fill: #999; fill: #999;

20
frontend/src/pages/sdoc/sdoc-file-history/index.css
View File

@@ -56,6 +56,14 @@
.sdoc-file-history .sdoc-file-history-header .sdoc-file-changes-switch { .sdoc-file-history .sdoc-file-history-header .sdoc-file-changes-switch {
padding: 0; padding: 0;
height: 28px;
width: 28px;
border-radius: 3px;
}
.sdoc-file-history .sdoc-file-history-header .sdoc-file-changes-switch:hover {
cursor: pointer;
background-color: #EFEFEF;
} }
.sdoc-file-history .sdoc-file-history-header .sdoc-file-changes-last .fas, .sdoc-file-history .sdoc-file-history-header .sdoc-file-changes-last .fas,
@@ -153,7 +161,6 @@
.sdoc-file-history .sdoc-file-history-panel .sdoc-file-history-select-range-title { .sdoc-file-history .sdoc-file-history-panel .sdoc-file-history-select-range-title {
height: 100%; height: 100%;
width: 100%;
font-size: 1rem; font-size: 1rem;
font-weight: bolder; font-weight: bolder;
line-height: 29px; line-height: 29px;
@@ -162,6 +169,17 @@
.sdoc-file-history .sdoc-file-history-panel .sdoc-file-history-select-range .sdoc-side-panel-close { .sdoc-file-history .sdoc-file-history-panel .sdoc-file-history-select-range .sdoc-side-panel-close {
opacity: 0.7; opacity: 0.7;
cursor: pointer; cursor: pointer;
width: 24px;
align-items: center;
justify-content: center;
display: flex;
border-radius: 2px;
}
.sdoc-file-history .sdoc-file-history-panel .sdoc-file-history-select-range .sdoc-side-panel-close:hover {
opacity: 1;
cursor: pointer;
background-color: #EFEFEF;
} }
.sdoc-file-history .sdoc-file-history-panel .sdoc-file-history-diff-switch { .sdoc-file-history .sdoc-file-history-panel .sdoc-file-history-diff-switch {

15
media/css/seahub_react.css
View File

@@ -591,6 +591,21 @@ a, a:hover {
color: #666 !important; color: #666 !important;
} }
.action-icon.sf3-font-copy1,
.action-icon.sf3-font-delete1 {
width: 24px;
height: 24px;
border-radius: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.action-icon.sf3-font-delete1:hover,
.action-icon.sf3-font-copy1:hover {
background-color: #EFEFEF;
}
.action-icon:focus, .action-icon:focus,
.action-icon:hover, .action-icon:hover,
.attr-action-icon:focus, .attr-action-icon:focus,