IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

People.Client: fixed width of GroupButtonsMenu

Browse Source
This commit is contained in:
Daniil Senkiv 2020-01-28 14:43:28 +03:00
parent 7ca24a2734
commit 8e9cad46c9
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
products/ASC.People/Client/src/components/pages/Home/Section/Header/index.js
View File

@ -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