github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages 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-04 10:15:57 +01:00 committed by Copybot
parent a40fb42fed
commit fac379b3a8
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx
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"
/> />

7
services/web/frontend/stylesheets/app/editor/review-panel-new.less
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;