Merge pull request #1184 from atom/ks-no-more-ids

Use classes instead of ids

docs/creating-a-package.md

@@ -206,7 +206,7 @@ specific parts of the interface, like adding a file in the tree-view:
 'context-menu':
   '.tree-view':
     'Add file': 'tree-view:add-file'
-  '#workspace-view':
+  '.workspace':
     'Inspect Element': 'core:inspect'
 ```
 

package.json

@@ -70,9 +70,9 @@
     "rimraf": "~2.2.2"
   },
   "packageDependencies": {
-    "atom-light-ui": "0.9.0",
+    "atom-light-ui": "0.11.0",
     "atom-light-syntax": "0.6.0",
-    "atom-dark-ui": "0.9.0",
+    "atom-dark-ui": "0.10.0",
     "atom-dark-syntax": "0.6.0",
     "base16-tomorrow-dark-theme": "0.6.0",
     "solarized-dark-syntax": "0.4.0",

src/context-menu-manager.coffee

@@ -14,7 +14,7 @@ class ContextMenuManager
     @devModeDefinitions = {}
     @activeElement = null
 
-    @devModeDefinitions['#workspace'] = [
+    @devModeDefinitions['.workspace'] = [
       label: 'Inspect Element'
       command: 'application:inspect'
       executeAtBuild: (e) ->

src/pane-axis.coffee

@@ -70,7 +70,7 @@ class PaneAxis extends View
     child.detach()
 
   getContainer: ->
-    @closest('#panes').view()
+    @closest('.panes').view()
 
   getActivePaneItem: ->
     @getActivePane()?.activeItem

src/pane-container.coffee

@@ -16,7 +16,7 @@ class PaneContainer extends View
     container
 
   @content: ->
-    @div id: 'panes'
+    @div class: 'panes'
 
   initialize: (state) ->
     @destroyedItemStates = []

src/pane.coffee

@@ -412,7 +412,7 @@ class Pane extends View
 
   # Private:
   getContainer: ->
-    @closest('#panes').view()
+    @closest('.panes').view()
 
   # Private:
   copyActiveItem: ->

src/workspace-view.coffee

@@ -54,10 +54,10 @@ class WorkspaceView extends View
 
   # Private:
   @content: (state) ->
-    @div id: 'workspace', tabindex: -1, =>
-      @div id: 'horizontal', outlet: 'horizontal', =>
-        @div id: 'vertical', outlet: 'vertical', =>
-          @div outlet: 'panes'
+    @div class: 'workspace', tabindex: -1, =>
+      @div class: 'horizontal', outlet: 'horizontal', =>
+        @div class: 'vertical', outlet: 'vertical', =>
+          @div class: 'panes', outlet: 'panes'
 
   # Private:
   @deserialize: (state) ->

static/workspace-view.less

@@ -21,19 +21,19 @@ h6 {
   font-family: @font-family;
 }
 
-#workspace {
+.workspace {
   height: 100%;
   overflow: hidden;
   position: relative;
   background-color: @app-background-color;
   font-family: @font-family;
 
-  #horizontal {
+  .horizontal {
     display: -webkit-flex;
     height: 100%;
   }
 
-  #vertical {
+  .vertical {
     display: -webkit-flex;
     -webkit-flex: 1;
     -webkit-flex-flow: column;
@@ -57,7 +57,7 @@ h6 {
   }
 }
 
-#panes {
+.panes {
   position: relative;
   -webkit-flex: 1;