diff --git a/README.md b/README.md index fc3d19054c..fa8c476799 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ Allows faster separately re-run some of involved processes: 1. `yarn dev:renderer` compiles electron's renderer part and start watching files 1. `yarn dev-run` runs app in dev-mode and restarts when electron's main process file has changed -## Developer's RTFM recommended list: +## Developer's ~~RTFM~~ recommended list: - [TypeScript](https://www.typescriptlang.org/docs/home.html) (front-end/back-end) - [ReactJS](https://reactjs.org/docs/getting-started.html) (front-end, ui) diff --git a/src/renderer/components/+cluster-settings/cluster-icon.scss b/src/renderer/components/+cluster-settings/cluster-icon.scss index 7d118c2cf1..e371ccf4c6 100644 --- a/src/renderer/components/+cluster-settings/cluster-icon.scss +++ b/src/renderer/components/+cluster-settings/cluster-icon.scss @@ -26,5 +26,6 @@ right: 0; bottom: 0; margin: -$padding * 1.5; + font-size: $font-size-small; } } \ No newline at end of file diff --git a/src/renderer/components/+cluster-settings/cluster-icon.tsx b/src/renderer/components/+cluster-settings/cluster-icon.tsx index 1d236dc556..9d9a359670 100644 --- a/src/renderer/components/+cluster-settings/cluster-icon.tsx +++ b/src/renderer/components/+cluster-settings/cluster-icon.tsx @@ -51,7 +51,7 @@ export class ClusterIcon extends React.Component { {showErrors && isAdmin && eventCount > 0 && ( = 1000 ? Math.ceil(eventCount / 1000) * 1000 + "+" : eventCount} + label={eventCount >= 1000 ? Math.ceil(eventCount / 1000) + "k+" : eventCount} /> )} {children} diff --git a/src/renderer/components/cluster-manager/clusters-menu.scss b/src/renderer/components/cluster-manager/clusters-menu.scss index 8e728e97f2..d301578c13 100644 --- a/src/renderer/components/cluster-manager/clusters-menu.scss +++ b/src/renderer/components/cluster-manager/clusters-menu.scss @@ -1,4 +1,5 @@ .ClustersMenu { + @include hidden-scrollbar; $spacing: $padding * 2; position: relative; @@ -38,17 +39,9 @@ } } - > .clusters { - @include hidden-scrollbar; - margin-bottom: $spacing !important; - - &:empty { - display: none; - } - } - > .add-cluster { position: relative; + margin-top: $padding; .Icon { border-radius: $radius; diff --git a/src/renderer/components/cluster-manager/clusters-menu.tsx b/src/renderer/components/cluster-manager/clusters-menu.tsx index d794440995..4323826bd9 100644 --- a/src/renderer/components/cluster-manager/clusters-menu.tsx +++ b/src/renderer/components/cluster-manager/clusters-menu.tsx @@ -103,20 +103,18 @@ export class ClustersMenu extends React.Component {

)} -
- {clusters.map(cluster => { - return ( - this.showCluster(cluster.id)} - onContextMenu={() => this.showContextMenu(cluster)} - /> - ) - })} -
+ {clusters.map(cluster => { + return ( + this.showCluster(cluster.id)} + onContextMenu={() => this.showContextMenu(cluster)} + /> + ) + })}
Add Cluster