People.Client: fixed width of GroupButtonsMenu
This commit is contained in:
parent
7ca24a2734
commit
8e9cad46c9
@ -1,5 +1,5 @@
|
||||
import React, { useCallback, useState } from "react";
|
||||
import styled from "styled-components";
|
||||
import styled, { css } from "styled-components";
|
||||
import { withRouter } from "react-router";
|
||||
import {
|
||||
GroupButtonsMenu,
|
||||
@ -33,6 +33,8 @@ const { resendUserInvites, deleteUsers } = api.people;
|
||||
const { EmployeeStatus, EmployeeType } = constants;
|
||||
|
||||
const StyledContainer = styled.div`
|
||||
|
||||
${props => props.isHeaderVisible && css`width: calc(100% + 76px);`}
|
||||
.group-button-menu-container {
|
||||
margin: 0 -16px;
|
||||
}
|
||||
@ -243,7 +245,7 @@ const SectionHeaderContent = props => {
|
||||
}, [t, goToEmployeeCreate, goToGuestCreate, goToGroupCreate, onInvitationDialogClick/* , onSentInviteAgain */]);
|
||||
|
||||
return (
|
||||
<StyledContainer>
|
||||
<StyledContainer isHeaderVisible={isHeaderVisible}>
|
||||
{isHeaderVisible ? (
|
||||
<div className="group-button-menu-container">
|
||||
<GroupButtonsMenu
|
||||
|
Loading…
Reference in New Issue
Block a user