fix(css): change checkbox classname to avoid conflict with flat-ui cl…

…ass name
uc-cdis · Aug 7, 2018 · d61cf88 · d61cf88
1 parent d3d6a43
commit d61cf88
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/CheckBox.jsx b/src/components/CheckBox.jsx
@@ -57,7 +57,7 @@ export class CheckBoxGroup extends Component {
       : this.props.listItems;
 
     return (
-      <div className='checkbox'>
+      <div className='checkbox-group'>
         {this.props.title}
         {listItems.map(item => (
           <div key={item}>
@@ -69,7 +69,7 @@ export class CheckBoxGroup extends Component {
               checked={selectedItems.includes(item)}
               onChange={() => this.onChangeBox(item)}
             />
-            <label className='checkbox__label' htmlFor={item}>{item}</label>
+            <label className='checkbox-group__label' htmlFor={item}>{item}</label>
           </div>
         ))}
         {this.displayOptions()}

diff --git a/src/components/CheckBox.less b/src/components/CheckBox.less
@@ -1,15 +1,15 @@
-.checkbox {
+.checkbox-group {
   padding: 1em 0;
   border-bottom: 2px solid #7d7474;
   margin-bottom: 0;
   margin-top: 0;
 }
 
-.checkbox:last-child {
+.checkbox-group:last-child {
   border-bottom: 0;
 }
 
-.checkbox__label {
+.checkbox-group__label {
   white-space: nowrap;
   text-overflow: ellipsis;
   min-width: 0;