diff options
author | Vijay A <vraravam@users.noreply.github.com> | 2023-02-25 20:41:03 +0530 |
---|---|---|
committer | Vijay Aravamudhan <vraravam@users.noreply.github.com> | 2023-04-12 11:19:40 +0530 |
commit | c41066efd8804f6cb1e1bc412f7f48f0727e93ac (patch) | |
tree | e9ac4b9b8f35739095374a3b7efa055ec22c5990 | |
parent | 6.2.7-nightly.5 [skip ci] (diff) | |
download | ferdium-app-archive/20230526T044300Z/github/workspace-icons.tar.gz ferdium-app-archive/20230526T044300Z/github/workspace-icons.tar.zst ferdium-app-archive/20230526T044300Z/github/workspace-icons.zip |
Workspace iconarchive/20230526T044300Z/github/workspace-icons
-rw-r--r-- | src/features/workspaces/components/WorkspaceDrawer.tsx | 2 | ||||
-rw-r--r-- | src/features/workspaces/components/WorkspaceDrawerItem.tsx | 18 | ||||
-rw-r--r-- | src/styles/tabs.scss | 4 | ||||
-rw-r--r-- | src/styles/vertical.scss | 3 |
4 files changed, 23 insertions, 4 deletions
diff --git a/src/features/workspaces/components/WorkspaceDrawer.tsx b/src/features/workspaces/components/WorkspaceDrawer.tsx index 61284d81a..cd000e76a 100644 --- a/src/features/workspaces/components/WorkspaceDrawer.tsx +++ b/src/features/workspaces/components/WorkspaceDrawer.tsx | |||
@@ -135,6 +135,7 @@ class WorkspaceDrawer extends Component<IProps> { | |||
135 | <div className={classes.workspaces}> | 135 | <div className={classes.workspaces}> |
136 | <WorkspaceDrawerItem | 136 | <WorkspaceDrawerItem |
137 | name={intl.formatMessage(messages.allServices)} | 137 | name={intl.formatMessage(messages.allServices)} |
138 | icon="*" | ||
138 | onClick={() => { | 139 | onClick={() => { |
139 | workspaceActions.deactivate(); | 140 | workspaceActions.deactivate(); |
140 | workspaceActions.toggleWorkspaceDrawer(); | 141 | workspaceActions.toggleWorkspaceDrawer(); |
@@ -147,6 +148,7 @@ class WorkspaceDrawer extends Component<IProps> { | |||
147 | <WorkspaceDrawerItem | 148 | <WorkspaceDrawerItem |
148 | key={workspace.id} | 149 | key={workspace.id} |
149 | name={workspace.name} | 150 | name={workspace.name} |
151 | icon={(workspace.name || ' ').slice(0, 1)} | ||
150 | isActive={actualWorkspace === workspace} | 152 | isActive={actualWorkspace === workspace} |
151 | onClick={() => { | 153 | onClick={() => { |
152 | if (actualWorkspace === workspace) { | 154 | if (actualWorkspace === workspace) { |
diff --git a/src/features/workspaces/components/WorkspaceDrawerItem.tsx b/src/features/workspaces/components/WorkspaceDrawerItem.tsx index 0ad56d1ae..60d67e833 100644 --- a/src/features/workspaces/components/WorkspaceDrawerItem.tsx +++ b/src/features/workspaces/components/WorkspaceDrawerItem.tsx | |||
@@ -43,6 +43,14 @@ const styles = theme => ({ | |||
43 | backgroundColor: theme.workspaces.drawer.listItem.activeBackground, | 43 | backgroundColor: theme.workspaces.drawer.listItem.activeBackground, |
44 | }, | 44 | }, |
45 | }, | 45 | }, |
46 | icon: { | ||
47 | fontSize: 'x-large', | ||
48 | borderColor: 'red', | ||
49 | borderStyle: 'double', | ||
50 | borderWidth: 'medium', | ||
51 | padding: '0 6px', | ||
52 | marginRight: '6px', | ||
53 | }, | ||
46 | name: { | 54 | name: { |
47 | marginTop: '4px', | 55 | marginTop: '4px', |
48 | color: theme.workspaces.drawer.listItem.name.color, | 56 | color: theme.workspaces.drawer.listItem.name.color, |
@@ -68,6 +76,7 @@ const styles = theme => ({ | |||
68 | interface IProps extends WithStylesProps<typeof styles>, WrappedComponentProps { | 76 | interface IProps extends WithStylesProps<typeof styles>, WrappedComponentProps { |
69 | isActive: boolean; | 77 | isActive: boolean; |
70 | name: string; | 78 | name: string; |
79 | icon: string; | ||
71 | onClick: MouseEventHandler<HTMLInputElement>; | 80 | onClick: MouseEventHandler<HTMLInputElement>; |
72 | services: string[]; | 81 | services: string[]; |
73 | onContextMenuEditClick?: () => void | null; | 82 | onContextMenuEditClick?: () => void | null; |
@@ -81,6 +90,7 @@ class WorkspaceDrawerItem extends Component<IProps> { | |||
81 | classes, | 90 | classes, |
82 | isActive, | 91 | isActive, |
83 | name, | 92 | name, |
93 | icon, | ||
84 | onClick, | 94 | onClick, |
85 | onContextMenuEditClick = null, | 95 | onContextMenuEditClick = null, |
86 | services, | 96 | services, |
@@ -127,6 +137,14 @@ class WorkspaceDrawerItem extends Component<IProps> { | |||
127 | > | 137 | > |
128 | <span | 138 | <span |
129 | className={classnames([ | 139 | className={classnames([ |
140 | classes.icon, | ||
141 | isActive ? classes.activeName : null, | ||
142 | ])} | ||
143 | > | ||
144 | {icon} | ||
145 | </span> | ||
146 | <span | ||
147 | className={classnames([ | ||
130 | classes.name, | 148 | classes.name, |
131 | isActive ? classes.activeName : null, | 149 | isActive ? classes.activeName : null, |
132 | ])} | 150 | ])} |
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index 21a5e76ce..a0081c03d 100644 --- a/src/styles/tabs.scss +++ b/src/styles/tabs.scss | |||
@@ -54,7 +54,7 @@ | |||
54 | } | 54 | } |
55 | } | 55 | } |
56 | 56 | ||
57 | &.is-label-enabled{ | 57 | &.is-label-enabled { |
58 | height: min-content; | 58 | height: min-content; |
59 | overflow: hidden; | 59 | overflow: hidden; |
60 | padding-top: 8px; | 60 | padding-top: 8px; |
@@ -149,7 +149,7 @@ | |||
149 | z-index: 99999; | 149 | z-index: 99999; |
150 | } | 150 | } |
151 | 151 | ||
152 | .tab-item__error-icon{ | 152 | .tab-item__error-icon { |
153 | font-size: 1.9em; | 153 | font-size: 1.9em; |
154 | color: red; | 154 | color: red; |
155 | position: absolute; | 155 | position: absolute; |
diff --git a/src/styles/vertical.scss b/src/styles/vertical.scss index dd2ae4ed1..3f67e47e8 100644 --- a/src/styles/vertical.scss +++ b/src/styles/vertical.scss | |||
@@ -32,7 +32,6 @@ $tabitem-bias: 30px; | |||
32 | flex-direction: row; | 32 | flex-direction: row; |
33 | 33 | ||
34 | .tab-item { | 34 | .tab-item { |
35 | |||
36 | &.is-active { | 35 | &.is-active { |
37 | border-left-width: 0px !important; | 36 | border-left-width: 0px !important; |
38 | border-top-width: 4px; | 37 | border-top-width: 4px; |
@@ -61,7 +60,7 @@ $tabitem-bias: 30px; | |||
61 | } | 60 | } |
62 | } | 61 | } |
63 | } | 62 | } |
64 | div{ | 63 | div { |
65 | overflow: hidden !important; | 64 | overflow: hidden !important; |
66 | } | 65 | } |
67 | 66 | ||