diff --git a/index.jsx b/index.jsx index e26cdb3b..17e10240 100644 --- a/index.jsx +++ b/index.jsx @@ -28,6 +28,7 @@ import * as Specter from "./lib/components/data/specter.jsx"; import * as Graph from "./lib/components/data/graph.jsx"; import * as DataWidgetLoader from "./lib/components/data/data-widget-loader.jsx"; import * as DataWidget from "./lib/components/data/data-widget.jsx"; +import * as SideIcon from "./lib/components/side-icon.jsx"; import * as Utils from "./lib/utils"; import * as Settings from "./lib/settings"; @@ -77,6 +78,7 @@ Utils.injectStyles("simple-bar-index-styles", [ Graph.styles, DataWidgetLoader.styles, settings.customStyles.styles, + SideIcon.styles, ]); function render({ output, error }) { @@ -123,6 +125,7 @@ function render({ output, error }) { SIPDisabled={SIPDisabled} >
+ + + + +
+ ); +} diff --git a/lib/settings.js b/lib/settings.js index 1117f33f..f147949d 100644 --- a/lib/settings.js +++ b/lib/settings.js @@ -37,6 +37,7 @@ export const data = { noBarBg: { label: "No bar background", type: "checkbox" }, noColorInData: { label: "No colors in data", type: "checkbox" }, bottomBar: { label: "Bottom bar", type: "checkbox" }, + sideDecoration: { label: "Side decoration (Apple logo)", type: "checkbox" }, inlineSpacesOptions: { label: "Inline spaces options", type: "checkbox" }, disableNotifications: { label: "Disable notifications", type: "checkbox" }, compactMode: { label: "Compact mode", type: "checkbox" }, @@ -518,6 +519,7 @@ export const defaultSettings = { noBarBg: false, noColorInData: false, bottomBar: false, + sideDecoration: false, inlineSpacesOptions: false, disableNotifications: false, compactMode: false, diff --git a/lib/styles/components/side-icon.js b/lib/styles/components/side-icon.js new file mode 100644 index 00000000..e1cf230f --- /dev/null +++ b/lib/styles/components/side-icon.js @@ -0,0 +1,14 @@ +export const sideIconStyles = /* css */ ` +.side-icon { + display: flex; + align-items: center; + margin: 0 5px; + color: #fff; +} + +.side-icon__svg { + width: 14px; + height: 14px; + fill: currentColor; +} +`;