diff --git a/src/app/utils/device-characteristics-telemetry.ts b/src/app/utils/device-characteristics-telemetry.ts index 63d293972..63cdd2880 100644 --- a/src/app/utils/device-characteristics-telemetry.ts +++ b/src/app/utils/device-characteristics-telemetry.ts @@ -1,4 +1,7 @@ export function getBrowserScreenSize(browserWidth: number){ + if (browserWidth >= 2560) { + return 'xxxxl'; + } if(browserWidth >= 1920){ return 'xxxl'; } diff --git a/src/app/views/query-runner/request/Request.tsx b/src/app/views/query-runner/request/Request.tsx index d4bb427db..c7b1faf17 100644 --- a/src/app/views/query-runner/request/Request.tsx +++ b/src/app/views/query-runner/request/Request.tsx @@ -127,7 +127,7 @@ const Request = (props: any) => { const heightInPx = requestHeight.replace('px', '').trim(); const requestHeightInVh = convertPxToVh(parseFloat(heightInPx)).toString(); const maxDeviceVerticalHeight = 90; - const dimen = { ...props.dimensions }; + const dimen = { ...dimensions }; dimen.request.height = requestHeightInVh; const response = maxDeviceVerticalHeight - parseFloat(requestHeightInVh.replace('vh', '')); dimen.response.height = response + 'vh'; diff --git a/src/app/views/query-runner/request/permissions/PanelList.tsx b/src/app/views/query-runner/request/permissions/PanelList.tsx index 240c2da8d..de1b61d11 100644 --- a/src/app/views/query-runner/request/permissions/PanelList.tsx +++ b/src/app/views/query-runner/request/permissions/PanelList.tsx @@ -77,14 +77,12 @@ const PanelList = ({ messages, }); const searchValueChanged = (event: any, value?: string): void => { - let valueToSearch = ''; - valueToSearch = value!; - setSearchValue(valueToSearch); + setSearchValue(value!); shouldGenerateGroups.current = true; setSearchStarted((search) => !search); let filteredPermissions = scopes.data.fullPermissions; - if (valueToSearch) { - const keyword = valueToSearch.toLowerCase(); + if (value) { + const keyword = value.toLowerCase(); filteredPermissions = fullPermissions.filter((permission: IPermission) => { const name = permission.value.toLowerCase(); diff --git a/src/app/views/query-runner/request/permissions/Permission.styles.ts b/src/app/views/query-runner/request/permissions/Permission.styles.ts index 8d8603f1e..100bf134d 100644 --- a/src/app/views/query-runner/request/permissions/Permission.styles.ts +++ b/src/app/views/query-runner/request/permissions/Permission.styles.ts @@ -67,9 +67,7 @@ export const permissionStyles = (theme: ITheme) => { cellTitle: { display: 'flex', flex: 1, - position: 'relative' as 'relative', - right: '4px', - textAlign: 'center' + textAlign: 'left' } }, cellTitleStyles: { @@ -82,7 +80,7 @@ export const permissionStyles = (theme: ITheme) => { root: { height: '40px', lineHeight: '20px', - textAlign: 'center', + textAlign: 'left', marginTop: '7px' } } diff --git a/src/app/views/query-runner/request/permissions/Permission.tsx b/src/app/views/query-runner/request/permissions/Permission.tsx index 1a617b2ac..b1b5524b8 100644 --- a/src/app/views/query-runner/request/permissions/Permission.tsx +++ b/src/app/views/query-runner/request/permissions/Permission.tsx @@ -138,11 +138,11 @@ export const Permission = (permissionProps?: IPermissionProps): JSX.Element => { const adminLabel = (item: any): JSX.Element => { if (item.isAdmin) { - return