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 getMeta from '../../../utils/meta'
import { Survey } from '../../../../../types/project/dashboard/survey' import { Survey } from '../../../../../types/project/dashboard/survey'
import { useCallback } from 'react' import { useCallback } from 'react'
import Close from '@/shared/components/close'
export default function SurveyWidget() { export default function SurveyWidget() {
const survey: Survey = getMeta('ol-survey') const survey: Survey = getMeta('ol-survey')
@ -33,16 +34,8 @@ export default function SurveyWidget() {
{survey.linkText} {survey.linkText}
</a> </a>
</div> </div>
<div className="notification-close"> <div className="notification-close notification-close-button-style">
<button <Close variant="dark" onDismiss={() => dismissSurvey()} />
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> </div>
</div> </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 { .project-list-sidebar-v2-pane {
flex-grow: 0; flex-grow: 0;
flex-shrink: 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 () { it('it is dismissed on click on the dismiss button', function () {
const dismissButton = screen.getByRole('button', { const dismissButton = screen.getByRole('button', {
name: 'Dismiss Overleaf survey', name: 'Close',
}) })
fireEvent.click(dismissButton) fireEvent.click(dismissButton)