fix(formcontrol): spacing issue

fix the spacing issue on the radio toggle button
Tripwire · Mar 2, 2017 · 9a11438 · 9a11438
1 parent 2f8c8db
commit 9a11438
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 19 deletions.
diff --git a/semantic/src/themes/tripwire/modules/checkbox.overrides b/semantic/src/themes/tripwire/modules/checkbox.overrides
@@ -67,6 +67,13 @@
 
 }
 
+/* Active */
+
+.ui.toggle.checkbox input:checked ~ .box:after,
+.ui.toggle.checkbox input:checked ~ label:after {
+  left: (@toggleLaneWidth - @toggleHandleSize) + 0.35rem;
+}
+
 /*--------------
      Radio
 ---------------*/

diff --git a/src/components/charts/CircleChart/Circle.jsx b/src/components/charts/CircleChart/Circle.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import colorPallete from '../../colorPallete';
+import colorPallete from '../../colorPallete'
 var d3 = Object.assign({}, require('d3-shape'))
 
 const twoPi = Math.PI * 2

diff --git a/stories/notifications.stories.js b/stories/notifications.stories.js
@@ -17,25 +17,25 @@ const sampleNotifications = [{
       { id: 6, name: 'TIME OUT 6: SOURCE', state: 'warning' }
   ]
 },
-{
-  id: 2,
-  name: 'Time-Out',
-  filterOption: 'server',
-  state: 'critical',
-  timestamp: '03-12-2016 2:50:00',
-  detail: [
+  {
+    id: 2,
+    name: 'Time-Out',
+    filterOption: 'server',
+    state: 'critical',
+    timestamp: '03-12-2016 2:50:00',
+    detail: [
       { id: 10, name: 'TIME OUT 1: SOURCE', state: 'warning' },
       { id: 11, name: 'TIME OUT 2: SOURCE', state: 'warning' },
       { id: 12, name: 'TIME OUT 2: SOURCE', state: 'warning' }
-  ]
-},
-{
-  id: 3,
-  name: 'Connection Errors',
-  filterOption: 'server',
-  state: 'critical',
-  timestamp: '03-12-2016 2:40:00',
-  detail: [
+    ]
+  },
+  {
+    id: 3,
+    name: 'Connection Errors',
+    filterOption: 'server',
+    state: 'critical',
+    timestamp: '03-12-2016 2:40:00',
+    detail: [
       { id: 20, name: 'Connection Error 1: SOURCE', state: 'critical' },
       { id: 21, name: 'Connection Error 2: SOURCE', state: 'critical' },
       { id: 22, name: 'Connection Error 3: SOURCE', state: 'critical' },
@@ -45,8 +45,8 @@ const sampleNotifications = [{
       { id: 26, name: 'Connection Error 7: SOURCE', state: 'critical' },
       { id: 27, name: 'Connection Error 8: SOURCE', state: 'critical' },
       { id: 28, name: 'Connection Error 9: SOURCE', state: 'critical' }
-  ]
-}
+    ]
+  }
 ]
 
 storiesOf('Notifications', module)