agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-15 14:43:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #20733 from overleaf/dp-align-change-icon

Browse Source 
Align change icon with first line of change

GitOrigin-RevId: 319ed7ba7984fae52f31bd37a6d718ca07aa9009
This commit is contained in:
David
2024-10-14 11:02:50 +00:00
committed by Copybot
parent b2ea7b3e78
commit 19ec00248d
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx
+3 -3
View File
@@ -138,12 +138,12 @@ export const ReviewPanelChange = memo<{
<> <>
{aggregate ? ( {aggregate ? (
<MaterialIcon <MaterialIcon
className="review-panel-entry-icon review-panel-entry-icon-changed" className="review-panel-entry-icon review-panel-entry-change-icon review-panel-entry-icon-changed"
type="edit" type="edit"
/> />
) : ( ) : (
<MaterialIcon <MaterialIcon
className="review-panel-entry-icon review-panel-entry-icon-accept" className="review-panel-entry-icon review-panel-entry-change-icon review-panel-entry-icon-accept"
type="add_circle" type="add_circle"
/> />
)} )}
@@ -173,7 +173,7 @@ export const ReviewPanelChange = memo<{
{'d' in change.op && ( {'d' in change.op && (
<> <>
<MaterialIcon <MaterialIcon
className="review-panel-entry-icon review-panel-entry-icon-reject" className="review-panel-entry-icon review-panel-entry-change-icon review-panel-entry-icon-reject"
type="delete" type="delete"
/> />
services/web/frontend/stylesheets/app/editor/review-panel-new.less
+6 -1
View File
@@ -88,9 +88,10 @@
.review-panel-change-body { .review-panel-change-body {
display: flex; display: flex;
align-items: center; align-items: flex-start;
color: @content-secondary; color: @content-secondary;
gap: @spacing-02; gap: @spacing-02;
overflow-wrap: anywhere;
} }
.review-panel-content-highlight { .review-panel-content-highlight {
@@ -108,6 +109,10 @@
font-size: 16px; font-size: 16px;
} }
.review-panel-entry-change-icon {
margin-top: -2px;
}
.review-panel-entry-icon-accept { .review-panel-entry-icon-accept {
background-color: @green-10; background-color: @green-10;
color: @green-50; color: @green-50;