diff --git a/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/ScriptListHeading.tsx b/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/ScriptListHeading.tsx index bfe170187d..5610b99e33 100644 --- a/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/ScriptListHeading.tsx +++ b/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/ScriptListHeading.tsx @@ -1,3 +1,4 @@ +import GitOpsModeTooltipWrapper from "components/GitOpsModeTooltipWrapper"; import React from "react"; import Button from "components/buttons/Button"; import Icon from "components/Icon"; @@ -11,20 +12,26 @@ interface IScriptListHeading { const ScriptListHeading = ({ onClickAddScript }: IScriptListHeading) => { return (
-
- Script - - - -
+ Scripts + + ( + + )} + /> +
); }; diff --git a/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/_styles.scss b/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/_styles.scss index d18efc5bab..e9161364d8 100644 --- a/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/_styles.scss +++ b/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/_styles.scss @@ -1,47 +1,19 @@ .script-list-heading { - font-weight: $bold; display: flex; + align-items: center; justify-content: space-between; + font-size: $x-small; + font-weight: $bold; - &__heading-group { - flex: 1; - display: flex; - justify-content: space-between; - align-items: center; - - .button--brand-inverse-icon { - height: 16px; - padding: 0px; - } + &__heading-title { + align-content: center; } - &__button-container { - height: 16px; + &__heading-actions { + margin: -$pad-medium 0; // Remove vertical padding of button increasing container height } - &__script-statuses { - display: flex; - justify-content: center; + &__add-button { + vertical-align: middle; } - - &__status > div { - display: flex; - align-items: center; - width: 100px; - justify-content: center; - - span { - margin-left: 12px; - } - } - - &__tooltip-text { - font-weight: normal; - } - - @media (max-width: $break-md) { - &__script-statuses { - justify-content: flex-end; - } - } -} +} \ No newline at end of file diff --git a/frontend/utilities/file/fileUtils.ts b/frontend/utilities/file/fileUtils.ts index db7006347c..0be0f52026 100644 --- a/frontend/utilities/file/fileUtils.ts +++ b/frontend/utilities/file/fileUtils.ts @@ -1,6 +1,6 @@ import { PackageType } from "interfaces/package_type"; -type IPlatformDisplayName = "macOS" | "Windows" | "Linux"; +type IPlatformDisplayName = "macOS" | "Windows" | "Linux" | "macOS & Linux"; export const FILE_EXTENSIONS_TO_PLATFORM_DISPLAY_NAME: Record< string, @@ -15,7 +15,7 @@ export const FILE_EXTENSIONS_TO_PLATFORM_DISPLAY_NAME: Record< deb: "Linux", rpm: "Linux", "tar.gz": "Linux", - sh: "Linux", + sh: "macOS & Linux", ps1: "Windows", };