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 #14695 from overleaf/jdt-hist-compare-hover

Browse source 
fix: adding hover state to compare buttons
GitOrigin-RevId: 85989aebdee6d8ee3ffef3300f975e0dbfa2adb1
This commit is contained in:
ilkin-overleaf 2023-09-08 17:49:04 +03:00 committed by Copybot
parent 7b472bcd80
commit a66e1329df
4 changed files with 6 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/frontend/js/features/history/components/change-list/dropdown/compare-version-dropdown.tsx
View file

@ -26,7 +26,7 @@ function CompareVersionDropdown({
iconTag={
<MaterialIcon
type="align_space_even"
className="history-dropdown-icon p-1"
className="history-dropdown-icon"
accessibilityLabel="compare drop down"
/>
}

4
services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx
View file

@ -38,7 +38,7 @@ function CompareItems({
icon={
<MaterialIcon
type="align_end"
className="history-dropdown-icon p-1"
className="history-dropdown-icon pb-1"
/>
}
/>
@ -56,7 +56,7 @@ function CompareItems({
icon={
<MaterialIcon
type="align_start"
className="history-dropdown-icon p-1"
className="history-dropdown-icon pt-1"
/>
}
/>

2
services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare.tsx
View file

@ -40,7 +40,7 @@ function Compare({
overlayProps={{ placement: 'left' }}
>
<Button
bsStyle="link"
bsStyle={null}
className="history-compare-btn"
onClick={handleCompareVersion}
>

15
services/web/frontend/stylesheets/app/editor/history-react.less
View file

@ -254,11 +254,13 @@ history-root {
}
}
.history-compare-btn,
.history-version-dropdown-menu-btn {
@size: 30px;
padding: 0;
width: @size;
height: @size;
line-height: 1;
font-size: @font-size-small;
color: @neutral-90;
background-color: transparent;
@ -411,19 +413,6 @@ history-root {
vertical-align: top;
}
.history-compare-btn {
line-height: 1;
padding: 0;
color: black;
display: flex;
justify-content: center;
align-items: center;
}
.history-compare-btn:hover {
text-decoration: none;
color: black;
}
.history-file-tree {
display: flex !important; // To work around jQuery layout's inline styles
flex-direction: column;