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

fixing white color of x button (#16100)

Browse source 
GitOrigin-RevId: acc8b66c98bc010be388aa18ed73e1c599309125
This commit is contained in:
Davinder Singh 2023-12-07 11:45:23 +00:00 committed by Copybot
parent 3ee74b247f
commit a81a71d2d4
3 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
services/web/frontend/js/features/project-list/components/survey-widget.tsx
View file

@ -2,6 +2,7 @@ import usePersistedState from '../../../shared/hooks/use-persisted-state'
import getMeta from '../../../utils/meta'
import { Survey } from '../../../../../types/project/dashboard/survey'
import { useCallback } from 'react'
import Close from '@/shared/components/close'
export default function SurveyWidget() {
const survey: Survey = getMeta('ol-survey')
@ -33,16 +34,8 @@ export default function SurveyWidget() {
{survey.linkText}
</a>
</div>
<div className="notification-close">
<button
type="button"
className="close pull-right"
title="Dismiss Overleaf survey"
onClick={dismissSurvey}
>
<span aria-hidden="true">&times;</span>
<span className="sr-only">Dismiss Overleaf survey</span>
</button>
<div className="notification-close notification-close-button-style">
<Close variant="dark" onDismiss={() => dismissSurvey()} />
</div>
</div>
</div>

9
services/web/frontend/stylesheets/app/sidebar-v2-dash-pane.less
View file

@ -57,6 +57,15 @@
}
}
.notification-close-button-style button {
&:hover {
background-color: transparent !important;
}
&:focus {
background-color: transparent !important;
}
}
.project-list-sidebar-v2-pane {
flex-grow: 0;
flex-shrink: 0;

2
services/web/test/frontend/features/project-list/components/survey-widget.test.tsx
View file

@ -39,7 +39,7 @@ describe('<SurveyWidget />', function () {
it('it is dismissed on click on the dismiss button', function () {
const dismissButton = screen.getByRole('button', {
name: 'Dismiss Overleaf survey',
name: 'Close',
})
fireEvent.click(dismissButton)