Fix : background box of the button on profile via chat section issue 2nd PR: #12879 (#12920)

* chat-profile

* updated-chat-profile
This commit is contained in:
Suraj Vishwakarma 2021-03-12 18:02:13 +05:30 committed by GitHub
parent c0ea4e5878
commit 3417dd5447
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 2 deletions

View file

@ -413,6 +413,8 @@
.activechatchannel__activecontentexitbutton {
font-size: 30px;
position: absolute;
margin-left: 80%;
margin-top: -4px;
left: 4px;
top: 4px;
z-index: 10;

View file

@ -14,6 +14,7 @@ const smartSvgIcon = (content, d) => (
viewBox="0 0 24 24"
width="24"
height="24"
style={{ marginLeft:'-12px', marginTop:'-4px' }}
>
<path data-content={content} fill="none" d="M0 0h24v24H0z" />
<path data-content={content} d={d} />
@ -74,7 +75,7 @@ export class Content extends Component {
type="button"
className="activechatchannel__activecontentexitbutton activechatchannel__activecontentexitbutton--fullscreen crayons-btn crayons-btn--secondary"
data-content="fullscreen"
style={{ left: '39px' }}
style={{ left: "-80px", marginLeft: "0px" }}
title="fullscreen"
>
{' '}

View file

@ -7,6 +7,7 @@ const smartSvgIcon = (content, d) => (
viewBox="0 0 24 24"
width="24"
height="24"
>
<path data-content={content} fill="none" d="M0 0h24v24H0z" />
<path data-content={content} d={d} />
@ -51,7 +52,7 @@ export function VideoContent(props) {
aria-label={fullscreen ? 'Fullscreen' : 'Leave fullscreen'}
className="activechatchannel__activecontentexitbutton activechatchannel__activecontentexitbutton--fullscreen crayons-btn crayons-btn--secondary"
data-content="fullscreen"
style={{ left: '39px' }}
style={{ left: '-80px', marginLeft:'0px' }}
>
{fullscreen
? smartSvgIcon(