haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-05-14 02:45:44 +00:00
Code Issues Releases Wiki Activity

change table column icon color ()

Browse Source
This commit is contained in:
Michael An 2025-02-22 16:00:30 +08:00 committed by GitHub
parent a39765072c
commit 175803baba
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 17 additions and 15 deletions
frontend/src
components/sf-table
index.css
metadata
components/popover/column-popover
index.css
type
index.js
views/table/table-main/records-header
cell
dropdown-menu
index.js
index.css
insert-column
index.css

1
frontend/src/components/sf-table/index.css
View File

@ -381,7 +381,6 @@
border: 2px solid #66afe9;
border-right: none;
border-bottom: none;
/* background-color: #fff; */
box-sizing: border-box;
padding: 0 8px 2px 6px;
align-items: center;

6
frontend/src/metadata/components/popover/column-popover/index.css
View File

@ -11,7 +11,6 @@
.sf-metadata-column-popover .sf-metadata-column-popover-inner {
max-height: calc(100vh - 170px);
min-width: 350px;
/* overflow: auto; */
}
.sf-metadata-column-popover .sf-metadata-column-popover-inner>div:first-child {
@ -61,8 +60,9 @@
text-overflow: ellipsis;
}
.sf-metadata-column-popover .sf-metadata-column-type .sf-metadata-icon-drop-down {
transform: rotate(-90deg);
.sf-metadata-column-popover .sf-metadata-column-type .sf3-font-down {
transform: rotate(270deg);
color: #aaa;
}
.sf-metadata-column-popover .sf-metadata-column-type .sf-metadata-icon {

2
frontend/src/metadata/components/popover/column-popover/type/index.js
View File

@ -208,7 +208,7 @@ const Type = forwardRef(({ parentWidth, column, onChange }, ref) => {
<Icon iconName={column.icon} className="mr-2" />
<span>{column.name}</span>
</div>
<Icon iconName="drop-down" />
<i className='sf3-font sf3-font-down' aria-hidden="true"></i>
</div>
{error && (<FormFeedback>{error}</FormFeedback>)}
</FormGroup>

2
frontend/src/metadata/views/table/table-main/records-header/cell/dropdown-menu/index.js
View File

@ -304,7 +304,7 @@ const HeaderDropdownMenu = forwardRef(({ column, view, renameColumn, modifyColum
aria-label={gettext('More operations')}
tabIndex={0}
>
<Icon iconName="drop-down" />
<i className='sf3-font sf3-font-down' aria-hidden="true"></i>
</DropdownToggle>
{isMenuShow && !isMobile &&
<ModalPortal>

14
frontend/src/metadata/views/table/table-main/records-header/cell/index.css
View File

@ -2,12 +2,6 @@
fill: #aaa;
}
.sf-metadata-record-header-cell .sf-metadata-icon-drop-down {
fill: #aaa;
font-size: 12px;
transform: scale(.8);
}
.sf-metadata-record-header-cell .sf-metadata-result-table-cell.column.name-column {
cursor: default;
}
@ -43,3 +37,11 @@
.sf-metadata-record-header-cell .rdg-dropping-position-none > .sf-metadata-result-table-cell.column::before {
display: none;
}
.sf-metadata-record-header-cell .sf-metadata-dropdown-menu .sf3-font-down {
color: #aaa;
}
.sf-metadata-record-header-cell .sf-metadata-dropdown-menu .sf3-font-down:hover {
color: #555;
}

7
frontend/src/metadata/views/table/table-main/records-header/insert-column/index.css
View File

@ -2,8 +2,9 @@
display: flex;
align-items: center;
justify-content: center;
}
.sf-metadata-record-header-cell .sf-metadata-result-table-cell.insert-column:hover {
cursor: pointer;
}
.sf-metadata-record-header-cell .sf-metadata-result-table-cell.insert-column:hover .sf-metadata-icon {
fill: #555;
}