diff --git a/docs/en_US/images/psql_tool.png b/docs/en_US/images/psql_tool.png index e690c281a..ff4d5d928 100644 Binary files a/docs/en_US/images/psql_tool.png and b/docs/en_US/images/psql_tool.png differ diff --git a/docs/en_US/images/toolbar.png b/docs/en_US/images/toolbar.png index 15e038404..ffc772d4b 100644 Binary files a/docs/en_US/images/toolbar.png and b/docs/en_US/images/toolbar.png differ diff --git a/docs/en_US/release_notes_8_7.rst b/docs/en_US/release_notes_8_7.rst index 11be99271..4725e7ea6 100644 --- a/docs/en_US/release_notes_8_7.rst +++ b/docs/en_US/release_notes_8_7.rst @@ -27,6 +27,7 @@ Housekeeping ************ | `Issue #7419 `_ - Upgrade react-table from v7 to v8. + | `Issue #7472 `_ - Replace the current FontAwesome based PSQL tool icon with MUI Terminal icon. Bug fixes ********* diff --git a/web/pgadmin/static/img/fonticon/terminal.svg b/web/pgadmin/static/img/fonticon/terminal.svg new file mode 100644 index 000000000..0d5ed0ad9 --- /dev/null +++ b/web/pgadmin/static/img/fonticon/terminal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/pgadmin/static/img/terminal.svg b/web/pgadmin/static/img/terminal.svg deleted file mode 100644 index c7a438028..000000000 --- a/web/pgadmin/static/img/terminal.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/web/pgadmin/static/js/Theme/overrides/pgadmin.classes.override.js b/web/pgadmin/static/js/Theme/overrides/pgadmin.classes.override.js index c9d4d9412..8e8278525 100644 --- a/web/pgadmin/static/js/Theme/overrides/pgadmin.classes.override.js +++ b/web/pgadmin/static/js/Theme/overrides/pgadmin.classes.override.js @@ -19,5 +19,10 @@ export default function pgadminOverride(theme) { width: '50px', height: '50px', backgroundAize: '50px 50px' + }, + '.pg-font-icon': { + '&.icon-terminal': { + fontSize: '1.3rem !important', + } } };} diff --git a/web/pgadmin/static/js/Theme/overrides/rcdock.override.js b/web/pgadmin/static/js/Theme/overrides/rcdock.override.js index c1f4f8c6d..5d6d8120e 100644 --- a/web/pgadmin/static/js/Theme/overrides/rcdock.override.js +++ b/web/pgadmin/static/js/Theme/overrides/rcdock.override.js @@ -132,6 +132,10 @@ export default function rcdockOverride(theme) { top: '-5px', } } + }, + '& .dock-tab-icon': { + fontSize: '1rem', + marginRight: '4px' } }, '& .dock-extra-content': { diff --git a/web/pgadmin/static/js/components/ExternalIcon.jsx b/web/pgadmin/static/js/components/ExternalIcon.jsx index c7f4f20f8..2d59f7679 100644 --- a/web/pgadmin/static/js/components/ExternalIcon.jsx +++ b/web/pgadmin/static/js/components/ExternalIcon.jsx @@ -21,7 +21,7 @@ import SQLFileSvg from '../../img/sql_file.svg?svgr'; import MagicSvg from '../../img/magic.svg?svgr'; import MsAzure from '../../img/ms_azure.svg?svgr'; import GoogleCloud from '../../img/google-cloud-1.svg?svgr'; -import TerminalSvg from '../../img/terminal.svg?svgr'; +import TerminalSvg from '../../img/fonticon/terminal.svg?svgr'; import RowFilterSvg from '../../img/fonticon/row_filter.svg?svgr'; import SvgIcon from '@mui/material/SvgIcon'; @@ -75,7 +75,7 @@ ExpandDialogIcon.propTypes = {style: PropTypes.object}; export const MinimizeDialogIcon = ({style})=>; MinimizeDialogIcon.propTypes = {style: PropTypes.object}; -export const TerminalIcon = ({style})=>; +export const TerminalIcon = ({style})=>; TerminalIcon.propTypes = {style: PropTypes.object}; export const RowFilterIcon = ({style})=>; diff --git a/web/pgadmin/static/js/helpers/Layout/index.jsx b/web/pgadmin/static/js/helpers/Layout/index.jsx index fce4cb2c3..3f5f2c7b1 100644 --- a/web/pgadmin/static/js/helpers/Layout/index.jsx +++ b/web/pgadmin/static/js/helpers/Layout/index.jsx @@ -49,7 +49,7 @@ function TabTitle({id, closable, defaultInternal}) { return ( - {attrs.icon && } + {attrs.icon && } {attrs.title} {closable && } size="xs" noBorder onClick={()=>{ layoutDocker.close(id); diff --git a/web/pgadmin/tools/psql/static/js/PsqlModule.js b/web/pgadmin/tools/psql/static/js/PsqlModule.js index a04e6d07f..845478d47 100644 --- a/web/pgadmin/tools/psql/static/js/PsqlModule.js +++ b/web/pgadmin/tools/psql/static/js/PsqlModule.js @@ -151,7 +151,7 @@ export default class Psql { `${BROWSER_PANELS.PSQL_TOOL}_${transId}`, panelUrl, {title: escapedTitle, db: db_label}, - {title: panelTitle, icon: 'fas fa-terminal psql-tab-style', manualClose: false, renamable: true}, + {title: panelTitle, icon: 'pg-font-icon icon-terminal', manualClose: false, renamable: true}, Boolean(open_new_tab?.includes('psql_tool')) );